Как отформатировать ось Y как валюту, используя amcharts 4 с angular 7 - PullRequest
Новая
       8

Как отформатировать ось Y как валюту, используя amcharts 4 с angular 7

3 голосов
/ 30 марта 2019

Я просмотрел документацию для 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;

          }

1 Ответ

2 голосов
/ 31 марта 2019

После некоторых НИОКР это решило проблему для меня: 

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

Надеюсь, это поможет кому-то еще, кто-то ищет в один прекрасный день.

...