为js中的每次迭代为线图中的每一行分配不同的标签

时间:2018-05-03 03:29:26

标签: javascript loops graph chart.js

我正在尝试使用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

0 个答案:

没有答案