簡體   English   中英

如何使用帶角度7的amcharts 4將y軸格式化為貨幣

[英]How to format y axis as currency using amcharts 4 with angular 7

我查看了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 = '$#,###.##';

希望有一天能幫助其他人搜索。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM