0
258
VisualizaçõesCambiar 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 Respostas
Responde à pergunta0
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
Relatório
Responde à pergunta