Highcharts：一些 x 轴标签在使用 setExtremes() 后消失

Question

我正在为 Stack Overflow 上的另一个问题开发一个解决方案（参见 ），它有一些简单的滑块元素（使用 input type="range"）来更改柱形图中显示的类别。每当用户更改任一滑块元素中的范围时，都会使用 setExtremes().

重新绘制图表

我注意到，在某些情况下，一些 x 轴标签消失了，即使我将滑块移回其原始位置也是如此。我修改了许多 x 轴设置，包括 minPadding、startOnTick 和 tickInterval，其中 none 似乎可以解决 "The Case of the Missing Labels."

下面的第一个屏幕截图显示了图表首次加载时的情况。所有 x 轴标签都存在。

下面的第二个屏幕截图显示了我更改其中一个滑块时的图表。现在缺少一些 x 轴标签。看起来他们被交错了。

这是情节变粗的地方：如果我将滑块调整为其他一些值，所有标签都会返回：

这是我开发的 fiddle，因此您可以看到此行为的实例：https://jsfiddle.net/brightmatrix/uvat8u05/

我很想知道为什么会这样，以及我可以使用哪些设置来确保显示所有 x 轴标签，无论用户在滑块中选择什么值。

非常感谢！

Update: The responses from both Max Uppenkamp and Grzegorz Blachliński are valid and helpful solutions. What I also discovered by chance was that explicitly setting the slider values to integers using parseInt() solved this issue as well. It also helps in comparing both values to make sure a user doesn't choose an end date that is earlier than the start date.

Answer 1

这似乎是 Highcharts 的预期行为，但可能不一致。

根据 这应该在当前版本的 Highcharts 中得到修复，但您不妨试试这个刻度格式化程序解决方案。

编辑：如果以上方法对您不起作用，您可以通过旋转标签来解决问题： http://www.highcharts.com/demo/column-rotated-labels/grid