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 %}