Javascript 为js中每次迭代的线图中的每一行指定不同的标签
我试图使用Chart.js库绘制一个折线图,其中的数据是通过迭代循环分配的。我无法为折线图中的每一行指定不同的标签,该标签始终被指定为我正在迭代的循环的第一个索引值。有人能帮我解决这个问题吗 代码:Javascript 为js中每次迭代的线图中的每一行指定不同的标签,javascript,loops,graph,chart.js,Javascript,Loops,Graph,Chart.js,我试图使用Chart.js库绘制一个折线图,其中的数据是通过迭代循环分配的。我无法为折线图中的每一行指定不同的标签,该标签始终被指定为我正在迭代的循环的第一个索引值。有人能帮我解决这个问题吗 代码: var通道=[“1”、“10”、“14”、“110”、“32”、“7”]; 对于(i=0;i
var通道=[“1”、“10”、“14”、“110”、“32”、“7”];
对于(i=0;i<(通道长度);i++){
dataset.push({
数据:数据推送,
标签:通道[i],
边框颜色:“FF0000”,
背景颜色:“红色”,
边框宽度:“01”,
点半径:“0”,
填充:假,
});
}
函数drawGraph()
{
Chart.defaults.global.layout=“”;
Chart.defaults.global.legend.display=false;
Chart.defaults.global.elements.line.tension=0.2,
新图表(document.getElementById(“折线图”){
键入:“行”,
数据:{
标签:标签,
数据集:数据集
},
选项:{
标题:{
显示:对,
文字:“信号强度”
}
}
});
}
有关完整的代码,请参阅此链接:
您也可以分享代码中缺失的部分吗?我的意思是
数据推送
,数据集
,标签
,等等。有关代码,请参考此链接:
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'
}
}
});
}