Si vas a la demostración del primer ejemplo aquí , con el código:

 <VictoryChart theme={VictoryTheme.material} domainPadding={10} > <VictoryBar style={{ data: { fill: "#c43a31" } }} data={sampleData} /> </VictoryChart>

ves que las barras se ven bien, bien alineadas:

Pero una vez que cambia el código de esta manera (agregando un punto de datos con un valor de 0 x):

 <VictoryChart theme={VictoryTheme.material} domainPadding={10} > <VictoryBar style={{ data: { fill: "#c43a31" } }} data={[{x: 0, y: 2}, ...sampleData]} /> </VictoryChart>

Ves que el bar nuevo se está poniendo raro. Entiendo por qué es así. Si hubiera valores negativos, se mostrarían a la izquierda del eje y. Pero encuentro muy frustrante que no pude encontrar una manera de apagar esto y manejar 0, o incluso valores negativos como positivos, y mostrar siempre el eje a la izquierda.

Estoy usando VictoryAxis personalizado y probé diferentes domainPadding s, jugué con singleQuadrantDomainPadding , pero nada funcionó.