Question

嗨，我想在标签内使用while循环来显示小时，我想在数据集中使用while循环来显示我的数组。

我的问题是我无法在标签和数据集中进行编码。我尝试过

label: [{CODE}]
datasets: [{CODE}]

但是它不起作用，charts.js上的文档对我没有帮助。

        var myChartObject = document.getElementById('myChartHistory');
        var chart = new Chart(myChartObject,{
            type: 'line',
            data: {
                labels: [//WANT TO CODE HERE],
                datasets: [{
                    label: "GATEWAY1",
                    fill: true,
                    backgroundColor: 'rgba(255, 99, 132, 0.2)',
                    borderColor: 'rgba(255, 99, 132, 1)',
                    data: [//WANT TO CODE HERE], 
  }

Answer 1

您似乎希望在将labels传递给chart.js之前对其进行格式化

您可以按照以下方式进行操作：

//Below are the original Labels
var labels = ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'];


//Run a while loop and format them as you want.
index = 0;
while (index < labels.length) { 
    labels[index] += index; 
    index++; 
}


       var myChartObject = document.getElementById('myChartHistory');
        var chart = new Chart(myChartObject,{
            type: 'line',
            data: {
                labels: labels,  //pass the formatted labels
                datasets: [{
                    label: "GATEWAY1",
                    fill: true,
                    backgroundColor: 'rgba(255, 99, 132, 0.2)',
                    borderColor: 'rgba(255, 99, 132, 1)',
                    data: [//WANT TO CODE HERE],

您可以在JSFiddle

上查看演示。

来自chart.js的标签和数据集表中的编码

1 个答案: