0
267
Vistas¿Cómo puedo hacer pequeñas líneas de cuadrícula sobre las etiquetas de ChartJS?
Estoy usando Chart.js para dibujar un gráfico de líneas simple. ¿Cómo puedo hacer pequeñas líneas de cuadrícula encima de las etiquetas de xAxis?
La documentación de Line Chart está aquí: https://www.chartjs.org/docs/2.7.3/getting-started/?h=line , pero no puedo encontrar nada al respecto.
Eliminé las líneas de cuadrícula XAxis y YAxis.
Este es un ejemplo de las pequeñas líneas de cuadrícula deseadas:
Gracias por adelantado.
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
En lugar de eliminar las líneas de cuadrícula, puede configurar drawOnChartArea en falso:
var options = { type: 'line', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], borderColor: 'pink' }, { label: '# of Points', data: [7, 11, 5, 8, 3, 7], borderColor: 'orange' } ] }, options: { scales: { x: { grid: { drawOnChartArea: false } }, y: { grid: { drawOnChartArea: false } } } }, } var ctx = document.getElementById('chartJSContainer').getContext('2d'); new Chart(ctx, options); <body> <canvas id="chartJSContainer" width="600" height="400"></canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.6.2/chart.js"></script> </body>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta