diff --git a/app/templates/net_worth/net_worth.html b/app/templates/net_worth/net_worth.html index e0744b2..4e8a406 100644 --- a/app/templates/net_worth/net_worth.html +++ b/app/templates/net_worth/net_worth.html @@ -6,7 +6,7 @@ {% load static %} {% load webpack_loader %} -{% block title %}Net Worth{% endblock %} +{% block title %}{% translate 'Net Worth' %}{% endblock %} {% block content %}
@@ -92,111 +92,112 @@
- + } + }); + - + var ctx = document.getElementById('accountBalanceChart').getContext('2d'); + new Chart(ctx, { + type: 'line', + data: chartData, + options: { + responsive: true, + interaction: { + mode: 'index', + intersect: false, + }, + stacked: false, + plugins: { + title: { + display: true, + text: '{% translate "Evolution by account" %}' + }, + tooltip: { + mode: 'index', + intersect: false + } + }, + scales: { + x: { + display: true, + title: { + display: false, + } + }, + ...Object.fromEntries(accounts.map((account, i) => [ + `y-axis-${i}`, + { + beginAtZero: true, + type: 'linear', + display: true, + position: i % 2 === 0 ? 'left' : 'right', + grid: { + drawOnChartArea: i === 0, + }, + ticks: { + display: false + }, + border: { + display: false + } + } + ])) + } + } + }); + {% endblock %}