im trying to create a graph in recharts with cartesian grid and horizontal lines. but then im using horizontalPoints property , the horizontal lines are all bunched together instead of spread like theu should.
any idea why ?
my code:
<ResponsiveContainer width={width} height={height} className={styles.graph}>
<ComposedChart margin={{ top: 20, right: 25, left: 25, bottom: 20 }} height="100%">
<XAxis ... />
<YAxis ... />
<CartesianGrid class={styles.horizontal} horizontal={true} vertical={false} horizontalPoints={[15, 30, 45, 60]}
</ComposedChart>
</ResponsiveContainer>
