Highcharts - 移動設備格式問題

Question

我已經使我的圖表適合網頁工作，但在移動設備上遇到了一些格式問題。

首先，格式化高度和寬度的正確方法是什麼，因此圖表佔用全屏區域而不必滾動頁面？我試圖在圖表的div容器上使用100％的百分比，但它無法正常工作。

其次，我的xAxis tickInterval設置爲86400000，因爲我的數據每天返回一個值。我在網絡上沒有這個問題，但是在手機上 - 由於屏幕大小 - xAxis上的標籤重疊。有沒有辦法控制這個？我是否可以在移動設備上進行格式化處理，以便標籤只出現在每一行數量上？

Answer 1

在移動設備你擔檢查寬度和圖表然後設置適當widht在

chart:{ 
    width: variableWithWidth 
} 

關於蜱，可以使用tickPositioner其允許定義動態蜱位置http://api.highcharts.com/highstock#xAxis.tickPositioner。因此，內部功能可以爲圖表創建標記，但是如果您應該檢查寬度（對於移動，例如< 768px），然後在標記之間設置較小的範圍。