как ввести график в формате значения, а не в процентном формате - PullRequest
Новая
       6

как ввести график в формате значения, а не в процентном формате

0 голосов
/ 10 января 2020 
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {

var chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
    title: {
        text: "Desktop Search Engine Market Share - 2016"
    },
    data: [{
        type: "pie",
        startAngle: 240,
        yValueFormatString: "##0.00\"%\"",
        indexLabel: "{label} {y}",
        dataPoints: [
            {y: 79.45, label: "Google"},
            {y: 7.31, label: "Bing"},
            {y: 7.06, label: "Baidu"},
            {y: 4.91, label: "Yahoo"},
            {y: 1.26, label: "Others"}
        ]
    }]
});
chart.render();

}
</script>
</head>
<body>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</body>
</html>

поэтому у меня есть этот синтаксис, но когда он появляется, он становится процентом для значения, как преобразование формата становится самим значением, а не процентным форматом (%)

1 Ответ

0 голосов
/ 13 января 2020

Вы можете отформатировать значение y, отображаемое в подсказке, установив yValueFormatString. Удаление yValueFormatString из кода следует в соответствии с вашими требованиями. 

var chart = new CanvasJS.Chart("chartContainer", {
  title: {
      text: "Desktop Search Engine Market Share - 2016"
  },
  data: [{
      type: "pie",
      startAngle: 240,
      //yValueFormatString: "##0.00\"%\"",
      indexLabel: "{label} {y}",
      dataPoints: [
          {y: 79.45, label: "Google"},
          {y: 7.31, label: "Bing"},
          {y: 7.06, label: "Baidu"},
          {y: 4.91, label: "Yahoo"},
          {y: 1.26, label: "Others"}
      ]
  }]
});
chart.render();
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 200px; width: 100%;"></div>
...