Quiero que la cuadrícula se alinee con el eje x en el gráfico a continuación. Tengo la alineación de la barra establecida en "end" , pero la vista de cuadrícula no se alinea y, como resultado, hay una barra que está "fuera" del gráfico. ¿Cómo puedo arreglar esto?

 <VictoryChart theme={VictoryTheme.material}> <VictoryAxis tickLabelComponent={<VictoryLabel textAnchor={"start"} />} /> <VictoryAxis style={{ grid: { paddingLeft: 0 } }} dependentAxis orientation="right" /> <VictoryBar style={{ data: { fill: "#c43a31" } }} alignment="end" data={sampleData} /> </VictoryChart>