在 chart.js 的标签和数据集表内编码

Question

Hi I would like to use a while loop within the labels to display the hours and I would like to use a while loop within the datasets to display my array.

My problem is i cant code within the labels and the dataset. i tried

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

But it doesn't work & the documentation on charts.js didnt help me.

        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

It looks like you are looking to format labels before passing them to the chart.js

You can do it like below:

//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], 

You can check the Demo at JSFiddle