Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为js中每次迭代的线图中的每一行指定不同的标签_Javascript_Loops_Graph_Chart.js - Fatal编程技术网

Javascript 为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

我试图使用Chart.js库绘制一个折线图,其中的数据是通过迭代循环分配的。我无法为折线图中的每一行指定不同的标签,该标签始终被指定为我正在迭代的循环的第一个索引值。有人能帮我解决这个问题吗

代码:

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'
                }
              }
            });

            }