c3.js - 缩放图表时显示刻度标签/值

Question

我正在寻找一种动态的方式来显示刻度标签/值，缩放图表时。这个功能在另一个js图表包中可用，我不确定它是否在c3中可用，或者因为我在c3文档中没有找到此功能。

放大图表：

但是，因为我的图表有很多x值，所以在开始时，则tick值重叠：

如果我定义：剔除：{max：30}，初始图表看起来不错：

但是当放大图表时，勾号将显示不超过30：

任何人都可以提供帮助？非常感谢！

Answer 1

查看onzoomend：http://c3js.org/reference.html#zoom-onzoomend

它给你最小和最小它被缩放到的最大值。您可以使用它来计算应该将剔除属性设置为什么。

换句话说，如果您开始使用剔除值30完全缩小，然后用户放大，则可能需要将其加倍到60以显示标签数量的两倍。或者你可能想要彻底禁用剔除，如果它们已经足够接近放大。