如何解决如何从 CanvasJS 中的数组加载数据点以制作图表?
我想用数组中的数据制作图表。但无法弄清楚为什么我的图表中没有显示任何数据。 你们能帮我解决这个问题吗?
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();
解决方法
您可以遍历数组并将其解析为 CanvasJS 接受的格式,然后再传递给图表选项。检查以下代码片段是否相同。
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 以获取相同示例。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。