Highcharts - 移动设备格式问题

Question

我已经让我的图表适用于网络，但在移动设备上存在一些格式问题。

首先，格式化高度和宽度的正确方法是什么，这样图表占用全屏区域而不必滚动页面？我已尝试在图表的div容器上使用100％的百分比，但它无法正常工作。

其次，我将xAxis tickInterval设置为86400000，因为我的数据每天返回一个值。我在网络上没有这个问题，但在移动设备上 - 由于屏幕尺寸 - xAxis上的标签重叠。有没有办法控制这个？我可以在手机上格式化这样的东西，这样标签只出现在每一组线上吗？

Answer 1

在移动设备中，您可以检查宽度，然后在

中为图表设置适当的widht

chart:{
   width: variableWithWidth
}

关于刻度线，您可以使用tickPositioner来定义动态刻度位置http://api.highcharts.com/highstock#xAxis.tickPositioner。因此，在内部函数中，您可以为图表创建刻度，但是如果您应该检查宽度（对于移动设备，即＆lt; 768px），然后在刻度线之间设置较小的范围。