Estoy tratando de obtener la etiqueta/valor del eje y más bajo en mi gráfico. Las etiquetas del eje y se agregan dinámicamente/automáticamente ya que no las configuré intencionalmente para comenzar en cero. ¿Cómo podría obtener el valor de la etiqueta más baja ( 30 en el ejemplo a continuación) del gráfico?
Probé: myLineChart.options.scales.yAxes[0].ticks.min; pero solo devuelve undefined :
var ctx = document.getElementById('myChart').getContext('2d'); var data = { labels: ["data1", "data2", "data3", "data4", "data5", "data6"], datasets: [{ label: "Sample data", data: [128, 56, 47, 64, 125, 36], borderColor: "rgba(0, 128, 0, 1)" }] }; var myLineChart = new Chart(ctx, { type: "line", data: data }); console.log(myLineChart.options.scales.yAxes[0].ticks.min); // returns `undefined` <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script> <canvas id="myChart" width="200" height="100"></canvas>Investigué un poco a través del objeto myLineChart y encontré que la ruta para llegar a los ticks del eje y es: myLineChart.ticks.boxes[0].chart.scales['y-axis-0'].ticks.
El fragmento a continuación me muestra cómo usar eso para generar el valor más bajo.
Alternativamente, si actualiza chartJs al menos a la versión 3.1 (que es lo que estoy usando en un proyecto), la estructura del objeto del gráfico es mucho más fácil de navegar. En ChartJs 3.1, la respuesta sería: myLineChart.scales.y.min
var ctx = document.getElementById('myChart').getContext('2d'); var data = { labels: ["data1", "data2", "data3", "data4", "data5", "data6"], datasets: [{ label: "Sample data", data: [128, 56, 47, 64, 125, 36], borderColor: "rgba(0, 128, 0, 1)" }] }; var myLineChart = new Chart(ctx, { type: "line", data: data }); console.log(myLineChart.boxes[0].chart.scales['y-axis-0'].ticks[myLineChart.boxes[0].chart.scales['y-axis-0'].ticks.length - 1]) <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script> <canvas id="myChart" width="200" height="100"></canvas>