highcharts在页面加载时没有给出正确的xAxis标签

Question

我有一个似乎是高调大小的问题。 highcharts svg的宽度和包含的div是相同的，并且它们正确调整大小（当我碰到窗口时从525px到530px）。但是，调整大小后标签的行为是正确的，但页面加载时却没有。

这是图表在页面加载时的样子：

您可以看到xAxis标签的问题。

然后我调整窗口大小BIGGER（用我的鼠标手动）：

请注意，我使用的是angularjs和angularjs highcharts指令： https://github.com/pablojim/highcharts-ng。但我认为这并不相关。

非常感谢您提供的任何帮助！

由于

Answer 1

标签可能会重叠，而Highcharts会自动删除它们。我建议你看看Highcharts API。

  

溢出

     

如何处理水平轴上的溢出标签。可以是未定义的，   虚假或＆＃34;证明＆＃34;。默认情况下，它在图表区域内对齐。如果   ＆＃34;对齐＆＃34;，标签不会渲染到绘图区域之外。如果是假的话   根本不会对齐。如果有移动空间，那就是   与边缘对齐，否则它将被移除。

将overflow属性更改为＆＃34;对齐＆＃34;可以解决它，但它可能看起来不太好。试一试。

另一个解决此问题的建议是给它一个固定大小的行来显示带有staggerLines属性的标签。检查此Fiddle并查看它是否适合您的问题。