如何从 CanvasJS 中的数组加载数据点以制作图表？答案

【问题标题】：How to load datapoints from array in CanvasJS to make a chart?如何从 CanvasJS 中的数组加载数据点以制作图表？
【发布时间】：2021-04-08 13:05:28
【问题描述】：

我想用数组中的数据制作一个图表。但无法弄清楚为什么我的图表中没有显示任何数据。你们能帮我解决这个问题吗？

   
   var dataset = [];
   
   
   
   $(data.items).each(function (index, item) 
   {

dataset.push(item.SQA);
   });
   

   console.log("5. item: " + dataset[5]);
   console.log("array items: " + dataset);
   
   var chart = new CanvasJS.Chart("wrapper_dia", {
   animationEnabled: true,
   theme: "light2",
   title:{
       text: "Simple Line Chart"
   },
   data: [{        
       type: "line",
       indexLabelFontSize: 16,
       dataPoints: dataset
       
   }]
   
   
});
chart.render();

【问题讨论】：

标签： javascript canvasjs

【解决方案1】：

在传递给图表选项之前，您可以遍历数组并将其解析为 CanvasJS 接受的格式。检查以下代码 sn-p 是否相同。

var dps = [];    
function parseDataPoints () {
    for (var i = 0; i <= dataArray.length; i++)
      dps.push({y: dataArray[i]});     
};
    
parseDataPoints();
chart.options.data[0].dataPoints = dps;
chart.render();

查看此JSFiddle 以获取相同的示例。

【讨论】：