如何將數據添加到餅圖Javascript

Question

我正在嘗試在餅圖中顯示每個所有者的寵物百分比，如何將數據推送到餅圖中？ for循環不斷獲取SyntaxError：意外令牌var。 這是我的代碼。

window.onload = function() {
var count = "<?php echo($i)?>";
var name = [];
var per = [];
var j = -1;

var chart = new CanvasJS.Chart("chartContainer", {
animationEnabled: true,
title: {
    text: "TB_PET"
},
data: [{
    type: "pie",
    startAngle: 240,
    yValueFormatString: "##0.00\"%\"",
    indexLabel: "{label} {y}",

Error here-->for(var i = 0; i < count; i++){
 name[i] = document.getElementById(i).value;
 per[j] = document.getElementById(j).value;

dataPoints: [
{y: per[j], label: name[i]}
]

  j--;
  }

  }]
  });
  chart.render();

  }

Answer 1

您不能在作為參數傳遞給函數調用的對象文字（圖表的配置）內部進行迭代。

在new CanvasJS.Chart(...)調用之前對數據進行迭代，並將變量作為config對象的一部分傳遞。

在這里迭代

var dataPoints = []; 
for(...){
  dataPoints.push(..);
]

然后按如下所示傳遞dataPoints

var chart = new CanvasJS.Chart("chartContainer", {
  animationEnabled: true,
  title: {
    text: "TB_PET"
  },
  data: [
    {
      type: "pie",
      startAngle: 240,
      yValueFormatString: '##0.00"%"',
      indexLabel: "{label} {y}",
      dataPoints: dataPoints

    }
  ]
});
chart.render();

Answer 2

注意：如果我的代表較高，這將是一條評論

我不熟悉php返回，但是首先我將首先手動將'count'變量更改為實際數字，然后再繼續操作。 看來您的for循環正在將'count'變量評估為字符串，然后拋出您所看到的錯誤。

https://airbrake.io/blog/javascript-error-handling/unexpected-token