0
253
ViewsCambiar el estilo del borde en ChartJS
Tengo un gráfico que usa la biblioteca Chart.js. Quiero que el borde de este gráfico sea punteado, no sólido. ¿Puede alguien ayudarme por favor?
const ctx = document.getElementById('myChart').getContext('2d'); const myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], backgroundColor: '#ffec87', borderWidth: 0, borderStyle: 'dotted' }] }, }); <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.6.0/chart.min.js"></script> <canvas id="myChart" width="400" height="100px"></canvas> 
·
Juan Pablo Isaza
1 answers
Answer question0
Los documentos de estilo enumeran todas las opciones de configuración para la configuración de la línea de cuadrícula del eje.
const ctx = document.getElementById('myChart').getContext('2d'); const myChart = new Chart(ctx, { type: 'bar', data: { labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], backgroundColor: '#ffec87', borderWidth: 0, borderStyle: 'dotted' }] }, options: { scales: { xAxis: { grid: { display: false } }, yAxis: { grid: { borderDash: [8, 4] } } } } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.6.0/chart.min.js"></script> <canvas id="myChart" width="400" height="100px"></canvas>
·
Juan Pablo Isaza
Report
Answer question