diff options
author | Minteck <contact@minteck.org> | 2022-08-21 17:31:56 +0200 |
---|---|---|
committer | Minteck <contact@minteck.org> | 2022-08-21 17:31:56 +0200 |
commit | a2df9a69dcc14cb70118cda2ded499055e7ee358 (patch) | |
tree | 6dd283e4e9452d38bce81ddaaae49b5335755842 /app/bits/assets/graph.js | |
parent | 84dd0735820b16b60f600284d35183d76547a71f (diff) | |
download | pluralconnect-a2df9a69dcc14cb70118cda2ded499055e7ee358.tar.gz pluralconnect-a2df9a69dcc14cb70118cda2ded499055e7ee358.tar.bz2 pluralconnect-a2df9a69dcc14cb70118cda2ded499055e7ee358.zip |
m. update
Diffstat (limited to 'app/bits/assets/graph.js')
-rwxr-xr-x | app/bits/assets/graph.js | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/app/bits/assets/graph.js b/app/bits/assets/graph.js new file mode 100755 index 0000000..908c2e9 --- /dev/null +++ b/app/bits/assets/graph.js @@ -0,0 +1,39 @@ +const ctx = document.getElementById('graph-display').getContext('2d'); +const graph = new Chart(ctx, { + type: 'line', + data: { + labels: [], + datasets: [{ + label: 'Balance', + data: [], + borderColor: 'rgba(153, 102, 255, 1)', + fill: false, + }, + { + label: 'Trendline', + data: [], + borderColor: 'rgba(153, 102, 255, .5)', + borderDash: [5], + pointRadius: 0, + fill: false, + }] + }, + options: { + scales: { + y: { + beginAtZero: true + } + }, + scaleLabel: "<%=value%>%", + legend: { + display: false + }, + tooltips: { + callbacks: { + label: function(tooltipItem, data) { + return data.labels[tooltipItem.index] + ': ' + data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index] + '€'; + } + } + } + } +});
\ No newline at end of file |