создать многострочный график с помощью Chart.js
Я пытаюсь создать многострочный график с помощью Chart.js
Я могу сделать это для 1 строки, и я могу сделать 2 строки, используя фиксированную структуру данных, но я не могу получить несколько строк для отображения данных, переданных в структуру данных.
Вот пример использования, сокращенно с сайта chart.js
http://www.chartjs.org/docs/#getting-started
var myLineChart = new Chart(ctx).Line(data);
var data = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{fillColor: "rgba(220,220,220,0.2)",
strokeColor: "rgba(220,220,220,1)",
data: [65, 59, 80, 81, 56, 55, 40]
},
{fillColor: "rgba(151,187,205,0.2)",
strokeColor: "rgba(151,187,205,1)",
data: [28, 48, 40, 19, 86, 27, 90]
}
]};
теперь мой код,
lineChartData = {}; //declare an object
lineChartData.labels = []; //add 'labels' element to object (X axis)
lineChartData.datasets = []; //add 'datasets' array element to object
dataset = {}; //a single dataset is an object
dataset.fillColor = "rgba(0,0,0,0)";
dataset.strokeColor = "rgba(200,200,200,1)";
dataset.data = []; //contains the 'Y; axis data
for (line = 0; line < 4; line++) {
y = [];
lineChartData.datasets.push(dataset); //create a new line dataset
for (x = 0; x < 10; x++) {
y.push(line + x); //push some data aka generate 4 distinct separate lines
lineChartData.labels += x; //adds x axis labels
} //for x
lineChartData.datasets[line].data = y; //send new line data to dataset
} //for line
ctx = document.getElementById("Chart1").getContext("2d");
myLineChart = new Chart(ctx).Line(lineChartData);
}
график всегда показывает одну и ту же последнюю сгенерированную строку 4 раза.
Я новичок в JavaScript, и я уверен, что я делаю что-то не так с созданием структуры объекта, я потратил день, пытаясь решить эту проблему
есть опция chart.js для добавления значений следующим образом, я должен использовать это
.addData (valuesArray, label)