Quiero crear un único gráfico de barras apiladas con Chart.js que muestre qué tan cerca está alguien de cierta cantidad de dinero. Para definir esta cantidad, puse una línea de puntos en la parte superior del gráfico.
Sin embargo, el problema es que el lienzo de este gráfico tiene un relleno no deseado. Entonces la línea se derrama fuera del gráfico. ¿Cómo puedo quitar este relleno en el lado izquierdo y derecho?
Probé con relleno negativo como se sugiere en otra publicación, pero esto no elimina el relleno.
const options = { layout: { padding: -40, }, };
Caja de arena de código:https://codesandbox.io/s/romantic-paper-kfu6o7?file=/src/App.js
Intente configurar los valores de barPercentage
y categoryPercentage
en 1
dentro de options
como se muestra a continuación. Aquí se actualiza Code sandbox https://codesandbox.io/s/winter-wind-xdcuxu?file=/src/App.js
const options = { barPercentage: 1, categoryPercentage: 1 // Your existing properties