Estoy tratando de limitar la cantidad de X ticks que se muestran en la configuración de ChartJS, pero sigue ignorando la configuración.
const data = { labels: ['', '', ''], datasets: [{ label: '偽のラスパイ MQTT', data: ['', '', ''], fill: false, borderColor: 'rgb(75, 192, 192)', tension: 0.1 }] }; const config = { type: 'line', data, options: { scales: { xAxis: { ticks: { maxTicksLimit: 1 } } } } }; const myChart = new Chart(document.getElementById('myChart'), config);
Aunque revisé otras publicaciones, parece haber algunas diferencias menores en el nombre de la propiedad y la profundidad de la propiedad para maxTicksLimit
¿Quizás el nombre de la propiedad es incorrecto?
Esto se debe a que está usando V2 de chart.js mientras usa la sintaxis V3. Para V2, todas las escalas de los ejes x están en una matriz llamada xAxes y no en su propio objeto.
Para ver los documentos completos, puede verlos aquí.
Ejemplo en vivo:
const data = { labels: ['', '', '', '', '', ''], datasets: [{ label: '偽のラスパイ MQTT', data: ['', '', '', '', '', ''], fill: false, borderColor: 'rgb(75, 192, 192)', tension: 0.1 }] }; const config = { type: 'line', data, options: { scales: { xAxes: [{ ticks: { maxTicksLimit: 1 } }] } } }; const myChart = new Chart( document.getElementById('chartJSContainer'), config);
<body> <canvas id="chartJSContainer" width="600" height="400"></canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script> </body>