How to show equal interval of ticks with equal spacing in between ticks in x-axis?

[khalilitarle]

Hi everyone,

I'm trying to show equal interval of ticks with equal spacing in between ticks in x-axis in chart component.
Can I please get some help?

I have tried to modify the tickFormat and the ticks parameters inside the XAxis component but nothing worked.
Thanks.

Edit:
Tried the following :
<ChartCanvas height={canvasHeight}
ratio={1}
width={width}
margin={margin}
type='svg'
seriesName="Executions"
data={data}
xScale={scaleTime()}
xAccessor={xAccessor}
displayXAccessor={displayXAccessor}
xExtents={xExtents}

setting xScale={scaleTime()} gave the following equal intervals on the xAxis but the numerical values are wrong.