gpt4 book ai didi

amcharts - 如何使用 amcharts 4 和 Angular 7 将 y 轴格式化为货币

转载 作者:行者123 更新时间:2023-12-02 04:38:50 25 4
gpt4 key购买 nike

我已经浏览了 amcharts 版本 4 ( https://www.amcharts.com/javascript-charts/ ) 的文档,但我似乎无法找到如何将 y 轴格式化为货币。有关于以其他方式格式化 y 轴的文档,但货币似乎不是其中之一。有人知道如何或从哪里开始吗?

https://www.amcharts.com/javascript-charts/

到目前为止,我有上面的图表,只需要知道如何或在哪里将 y 轴格式化为货币。目前,当您将鼠标悬停在格式化为货币的行上时,我会看到标签,因为这相当简单。这是我创建轴的函数:

function createAxisAndSeries(field, name, opposite) {
const valueAxis = chart.yAxes.push(new am4charts.ValueAxis());

const series = chart.series.push(new am4charts.LineSeries());
series.dataFields.valueY = field;
series.dataFields.dateX = 'date';
series.strokeWidth = 2;
series.yAxis = valueAxis;
series.name = name;
series.tooltipText = '{name}: [bold]${valueY}[/]';
series.tensionX = 0.8;

const interfaceColors = new am4core.InterfaceColorSet();

valueAxis.renderer.line.strokeOpacity = 1;
valueAxis.renderer.line.strokeWidth = 2;
valueAxis.renderer.line.stroke = series.stroke;
valueAxis.renderer.labels.template.fill = series.stroke;
valueAxis.renderer.opposite = opposite;
valueAxis.renderer.grid.template.disabled = true;

}

最佳答案

经过一些研发,这解决了我的问题:

valueAxis.numberFormatter = new am4core.NumberFormatter();
valueAxis.numberFormatter.numberFormat = '$#,###.##';

希望有一天它能帮助其他人进行搜索。

关于amcharts - 如何使用 amcharts 4 和 Angular 7 将 y 轴格式化为货币,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55435370/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com