highcharts - Highcharts - 移动设备格式问题

Question

我的图表非常适合网络，但在移动设备上存在一些格式问题。

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

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

Answer 1

在移动设备中，您可以检查宽度，然后为图表设置适当的宽度

chart:{
   width: variableWithWidth
}

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