0
249
Vistaschart.js versión 3 - ¿Cómo hacer un gráfico de barras superpuesto?
¿Es posible crear un gráfico como este (imagen siguiente) usando Chart.js versión 3?
Cualquier sugerencia sería muy apreciada.
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Puede apilar el eje x junto con un porcentaje de barra más pequeño para la barra interior:
const options = { type: 'bar', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Points', data: [7, 11, 5, 8, 3, 7], backgroundColor: 'orange', barPercentage: 0.6 }, { label: '# of Votes', data: [12, 19, 8, 10, 5, 13], backgroundColor: 'pink' } ] }, options: { scales: { x: { stacked: true } } } } const 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