Docker/Maybe
Docker/Maybe
1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-07-21 14:19:39 +02:00
Code Issues Releases Activity Actions

Add Money and Money Series (#505)

Browse source 
* Add Money class

* Standardize creation of money series

* Formatting

* Fix test
This commit is contained in:
Zach Gollwitzer 2024-03-01 17:17:34 -05:00 • committed by GitHub
parent 89ea12e9a1
commit 0fe9b6d34a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
16 changed files with 228 additions and 161 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/javascript/controllers/line_chart_controller.js
View file

@ -4,7 +4,7 @@ import * as d3 from "d3";
// Connects to data-controller="line-chart"
export default class extends Controller {
static values = { series: Array };
static values = { series: Object };
connect() {
this.renderChart(this.seriesValue);
@ -36,26 +36,26 @@ export default class extends Controller {
}[trendDirection];
}
drawChart(balances) {
const data = balances.map((b) => ({
date: new Date(b.data.date + "T00:00:00"),
value: +b.data.balance,
drawChart(series) {
const data = series.data.map((b) => ({
date: new Date(b.date + "T00:00:00"),
value: +b.amount,
styles: this.trendStyles(b.trend.direction),
trend: b.trend,
formatted: {
value: Intl.NumberFormat("en-US", {
style: "currency",
currency: b.data.currency || "USD",
}).format(b.data.balance),
currency: b.currency || "USD",
}).format(b.amount),
change: Intl.NumberFormat("en-US", {
style: "currency",
currency: b.data.currency || "USD",
currency: b.currency || "USD",
signDisplay: "always",
}).format(b.trend.amount),
},
}));
const chartContainer = d3.select("#lineChart");
const chartContainer = d3.select(this.element);
// Clear any existing chart
chartContainer.selectAll("svg").remove();