crear un gráfico de varias líneas usando Chart.js
Estoy tratando de crear un gráfico multilínea usando Chart.js
Puedo hacer esto para 1 línea y puedo hacer 2 líneas usando una estructura de datos fija, pero no puedo obtener varias líneas para mostrar los datos pasados a la estructura de datos.
aquí está el uso de ejemplo abreviado del sitio web 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]
}
]};
ahora mi código
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);
}
el gráfico siempre muestra la misma última línea generada 4 veces.
Soy nuevo en JavaScript y estoy seguro de que estoy haciendo algo mal con la creación de la estructura del objeto, he pasado un día tratando de resolver esto
hay una opción chart.js para agregar valores de la siguiente manera, ¿debería usar esto?
.addData (valuesArray, label)