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

Question

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

放大图表：

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

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

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

任何人都可以帮忙吗？非常感谢！

Answer 1

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

它为您提供缩放到的最小值和最大值。您可以使用它来计算应该设置的剔除属性。

换句话说，如果您从剔除值 30 开始完全缩小，然后用户放大，您可能希望将其加倍到 60 以显示双倍的标签数量。或者，如果它们放大得足够近，您可能希望完全禁用剔除。