Highcharts：使用setExtremes（）后，一些x轴标签正在消失

Question

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

我注意到，在某些情况下，即使我将滑块移回原位，一些x轴标签也会消失。我修改了许多x轴设置，包括minPadding，startOnTick和tickInterval，但它们似乎都没有解决“遗失标签的情况”。< / p>

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

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

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

这是我开发的小提琴，所以你可以看到这种行为的实例：https://jsfiddle.net/brightmatrix/uvat8u05/

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

非常感谢！

  

更新：Max Uppenkamp和GrzegorzBlachliński的回复都是有效且有用的解决方案。我偶然发现的是，使用parseInt()明确地将滑块值设置为整数也解决了这个问题。它还有助于比较两个值，以确保用户不会选择早于开始日期的结束日期。

Answer 1

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

根据this，这应该在当前版本的Highcharts中修复，但你也可以试试这个刻度格式化解决方案。

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