var xValues = timeArray; new Chart("myChart", { type: "line", data: { labels: xValues, datasets: [{ label: "Size", data: sizeArray, borderColor: "green", fill: false }] }, options: { legend: {display: false}, scales: { xAxes: [{ display: true, scaleLabel: { display: true, labelString: document.getElementById("label_text").innerHTML }, ticks: { min: 0, max: 30, stepSize: 1 } }], yAxes: [{ display: true, scaleLabel: { display: true, labelString: "Size (no. of elements)" } }] } } });Todo lo demás está funcionando bien. Los datos se trazan correctamente en los ejes x . Pero lo que quiero es que mi eje x tenga una escala lineal. He probado muchas cosas pero sigue sin funcionar. No puedo encontrar lo que me estoy perdiendo?
Por favor ayuda
Imagen del gráfico generado:
Una solución rápida es cambiar el tipo de gráfico a dispersión y establecer showLine en True. El gráfico de dispersión usa automáticamente ejes lineales para x e y.
new Chart("myChart", { type: "scatter", data: { labels: xValues, datasets: [{ label: "Size", data: sizeArray, borderColor: "green", fill: false, showLine: true, tension: 0.15 }] },...Aquí hay una DEMO