0
268
Views¿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 answers
Answer question0
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
Report
Answer question