首页 文章

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

提问于
浏览
0

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

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

highcharts page load

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

然后我调整窗口大小BIGGER(用我的鼠标手动):

highcharts on resize

请注意我在这里使用angularjs和angularjs highcharts指令:https://github.com/pablojim/highcharts-ng . 但是,我并不相关 .

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

谢谢

1 回答

  • 0

    可能标签重叠,而Highcharts会自动删除它们 . 我建议你看一下Highcharts API .

    溢出如何处理水平轴上的溢出标签 . 可以是未定义的,虚假的或“合理的” . 默认情况下,它在图表区域内对齐 . 如果“对齐”,标签将不会渲染到绘图区域之外 . 如果为false,则根本不会对齐 . 如果有移动空间,它将与边缘对齐,否则将被移除 .

    overflow 属性更改为"justify"可能会修复它,但可能看起来不太好 . 试试看 .

    解决这个问题的另一个建议是给它一个固定大小的行来显示标签,使用 staggerLines 属性 . 检查这个Fiddle,看它是否适合您的问题 .

相关问题