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

Question

我已经查阅了amcharts版本4的文档（https://www.amcharts.com/javascript-charts/），但似乎无法找到如何将y轴格式化为货币的方法。虽然有其他方式来格式化y轴，但貌似没有货币格式化的说明。是否有人知道如何开始或在哪里寻找相关信息？

到目前为止，我已经有了上面的图表，只需要知道如何或在哪里将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;

          }

- sm1l3y

---

这与Angular有什么关联？ - Dimanoid

amcharts 4 是使用 TypeScript 制作的，通常我了解到大多数使用 TypeScript/amcharts 4 的人都是与 Angular 一起使用（就像我一样）。 - sm1l3y

@sm1l3y 这并不是一个完全安全的假设。人们也会在React、Vue甚至Vanilla JS中使用它。所要表达的意思是，如果代码/问题根本不涉及这些标签，就避免添加不必要的标签到问题中——这里没有Angular代码，因此这并不适用。这并不是特别与TypeScript相关的问题。 - xorspark

Answer 1

经过一些研究和开发，这对我解决了问题：

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

希望能帮助到有一天在网上搜索的其他人。

- sm1l3y

---

AmChart 5 的语法，如果可能的话。 - vishal-mote