Please follow these example link :-source code
Code Pen Link
When graph axis-x fill with arbitrary number of integer array described as above example and some values as y-axis data(identical cardinality),While zooming by mouse middle mouse wheel through x -axis some ticks go beyond graph origin and sometimes first element of x-axis shift to the right side with y data.
Please refer this images -Image 1 Image 2
Main issue is even if zoom enabled and rescale enabled new axis-x ticks with text won't be generated,also axis-x ticks value gap is same even if zoom in further.
Please help on this issue how to resolve this issue at least using d3 functionalities?