canvasjs в десятичном формате с суффиксом не работает должным образом - PullRequest
0 голосов
/ 20 февраля 2019

Я использую canvasJS для составления отчета о линейном графике, проблема в том, что он не отображается должным образом во всплывающей подсказке с использованием yValueFormatString.

. Моя цель - отобразить значение:

{
    type:"stepLine",
    name: "title",
    showInLegend: true,
    connectNullData: true,
    yValueFormatString: "##.## %",
    dataPoints: [     
       { x: new Date(2019, 1, 20), y: 12.78 },
          { x: new Date(2019, 1, 19), y: 12.79 },
          { x: new Date(2019, 1, 18), y: 12.80 },
       ]
}

во всплывающей подсказке показывает

1278 %
1279 %
1280 %

Я думаю, что-то не так с этим, я хотел отобразить как:

12.78 %
12.79 %
12.80 %

Любая идея?

1 Ответ

0 голосов
/ 21 февраля 2019

Согласно документации , "%" умножает число на 100, т.е. 12.78("##.## %") => 1278%.Вместо этого настройка yValueFormatString to "##.#0 '%'" должна работать нормально в этом случае.

Вот пример:

var chart = new CanvasJS.Chart("chartContainer", {
  data: [{
    type:"stepLine",
    name: "title",
    showInLegend: true,
    connectNullData: true,
    yValueFormatString: "##.#0 '%'",
    dataPoints: [     
      { x: new Date(2019, 1, 20), y: 12.78 },
      { x: new Date(2019, 1, 19), y: 12.79 },
      { x: new Date(2019, 1, 18), y: 12.80 },
    ]
  }]
});
chart.render();
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="width: 100%; height: 260px"></div>
...