如何在chart.js中包含多个要绘制的数据点
如何在chart.js中包含多个要绘制的数据点
提问于 2016-05-31 05:18:04
我正在尝试使用chart.js进行绘图，在这里，我基本上想实现散点线图。下面是摘自chart.js文档的示例代码
var scatterChart = new Chart(ctx, {
type: 'line',
data: {
datasets: [{
label: 'Scatter Dataset',
data: [{
x: -10,
y: 0
}, {
x: 0,
y: 10
}, {
x: 10,
y: 5
}]
}]
},
options: {
scales: {
xAxes: [{
type: 'linear',
position: 'bottom'
}]
}
}
});在本例中，只有3个数据点，但在我的示例中，我有大约100个数据点存储在两个数组中，即xArray和yArray。我尝试在函数中使用for循环，但它不起作用。有人能帮帮忙吗？
编辑:它对我来说是这样工作的。我创建了一个新的数组，并将对象(x坐标和y坐标)添加到此数组中。下面是代码片段。
for(var i=0;i<100;i++)
{
var obj = {x:xFinal[i],y:yFinal[i]};
c.push(obj);
}
// Note that here c is a variable declared as var c = [];回答 1
Stack Overflow用户
发布于 2016-05-31 05:28:06
尝试连接数组，如下所示：
//var xArray = [{x: ?,y: ?}, {x: ?,y: ?}];
//var yArray = [{x: ?,y: ?}, {x: ?,y: ?}];
var concatenatedArray = xArray.concat(yArray);然后，您可以在调用图表时传入该参数，如下所示：
var scatterChart = new Chart(ctx, {
type: 'line',
data: {
datasets: concatenatedArray
},
options: {
scales: {
xAxes: [{
type: 'linear',
position: 'bottom'
}]
}
}
});我希望这能有所帮助--随时与我保持联系！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37533762
复制相关文章
相似问题