我正在尝试使用Chart.js库绘制折线图,其中数据通过迭代循环分配。我无法为折线图中的每一行指定不同的标签。标签总是被指定为我正在迭代的循环的第一个索引值。任何人都可以帮我解决这个问题
代码:
var channel = ["1", "10", "14", "110", "32", "7"];
for (i=0; i < (channel.length); i++) {
dataset.push({
data: datapush,
label:channel[i],
borderColor: "#FF0000",
backgroundColor:"red",
borderWidth:"01",
pointRadius:"0",
fill: false,
});
}
function drawGraph()
{
Chart.defaults.global.layout ="";
Chart.defaults.global.legend.display =false;
Chart.defaults.global.elements.line.tension=0.2,
new Chart(document.getElementById("line-chart"), {
type: 'line',
data: {
labels: labels,
datasets : dataset
},
options: {
title: {
display: true,
text: 'Signal Strength'
}
}
});
}
您可以参考此链接获取完整代码: https://github.com/chandupatilgithub/DM/blob/master/FinalGraph.html