Zoom axis not correct with custom tick values about d3-axis

[mbostock]

When you specify the tick values, you’re specifying the tick values, period. If you want to limit your tick values to the domain, you should filter them first before passing them to the axis.

[mbostock]

What did you expect the method or methods to do, and how did the observed behavior differ? Please define precisely how expectations were violated if you’d like me to investigate.

Please also consider asking for help on Stack Overflow. If you have a question about D3’s behavior and want to discuss it with other users, also consider the d3-js Google Group or joining the d3-js Slack.

Thank you! 🤗

[alexsmartens]

Hi @prrandrade,
I'm having the same problem. Have you found a solution?

[alexsmartens]

Hi @mbostock,
the problem might be seen in @prrandrade's example as following:

when custom tickValues are assigned to X axis and zoom is applied, navigating the chart generates X ticks outside of the axis location. I'd expect these ticks to be invisible (the same behavior as when tickValues are not specified, e.g. Y axis ticks on the above image).

@mbostock, would you please suggest how to overcome this problem?

[imbdinesh]

@mbostock @alexsmartens Hi Alex,I am facing same issue on zoom, x ticks getting outside.
Can you please share sample how you fixed this?
Thanks in advance!

[imbdinesh]

My X ticks are [1KM ,2KM,3KM,6KM,9KM,12KM] and when I zoom chart is showing some ticks like 1KM,2KM outside of Y axis left or right .I want to display only ticks within charting area.I am using Linear Scale on X axis

[imbdinesh]

Never mind, problem solved .Some issue with filtering domain and passing to axis.
Thanks.
@mbostock Thank you for such great Data Visualisation library.