tengo este siguiente cuadro
Están apilados. Yo uso esta propiedad en mis opciones:
scales: { y: { stacked: true, } },¿Cómo puedo deshabilitar el apilamiento para solo 1 conjunto de datos? Quiero deshabilitar el apilamiento para el conjunto de datos marrón para que los otros gráficos lo llenen.
El gráfico marrón es la suma de los 3 gráficos pequeños. Quiero desactivar el apilamiento para el gran gráfico marrón para poder ver si los datos de mi gráfico se muestran correctamente.
Puede especificar las pilas en los conjuntos de datos. Si asigna todos los conjuntos de datos a la misma pila, excepto la marrón, obtendrá lo que desea:
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', stack: 'stack2' }, { label: '# of Points', data: [7, 11, 5, 8, 3, 7], borderColor: 'orange', stack: 'stack1' }, { label: '# of Points', data: [5, 5, 5, 5, 5, 5], borderColor: 'turquoise', stack: 'stack1' } ] }, options: { scales: { y: { stacked: true } } } } 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.7.1/chart.js"></script> </body>