0
254
VistasCambiar 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 Respuestas
Responde la pregunta0
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
Denunciar
Responde la pregunta