2017-08-03 140 views
1

我在Highcharts stockChart日期類型圖表中出現問題。Highstock圖表x軸標籤重疊問題

其重疊的x軸標籤結束。

Highcharts.stockChart('container', { 
    chart: { 
     alignTicks: false 
    }, 

    rangeSelector: { 
     selected: 1 
    }, 

    title: { 
     text: 'AAPL Stock Volume' 
    }, 
    yAxis: { 
     offset: 0, 
     opposite: false 
    }, 
    series: [{ 
     type: 'column', 
     name: 'AAPL Stock Volume', 
     data: [[992908800000,3],[993427200000,1],[993513600000,1],[993600000000,4], 
       [994291200000,1],[994636800000,2],[994723200000,1],[995328000000,4], 
       [995500800000,1],[995587200000,1],[995846400000,1],[996019200000,3], 
       [996796800000,2],[996883200000,1],[997660800000,2],[997747200000,6], 
       [997920000000,1],[998611200000,1],[999043200000,3],[999648000000,1], 
       [999734400000,2],[999820800000,1],[1000080000000,2],[1000252800000,1], 
       [1001376000000,2],[1001548800000,1]], 
     dataGrouping: { 
      units: [[ 
       'week', // unit name 
       [1] // allowed multiples 
      ], [ 
       'month', 
       [1, 2, 3, 4, 6] 
      ]] 
     } 
    }] 
}); 

這裏是鏈接:http://jsfiddle.net/o04fh8kq/1/

負荷變化,變焦按鈕後,你會得到重疊的標籤。

+0

據悉如下錯誤:https://github.com/highcharts/highcharts/issues/7036 – morganfree

+0

是我已經報道。之後在這裏問。 –

+0

這是一個內部問題,他們將其標記爲bug。這是因爲x軸上的許多滴答聲,所以我們可以通過減少滴答數來解決。 –

回答

1

我們可以在一個標籤之後跳過一個標籤以減少x軸上的標籤數量。 設置「步驟」值多少標籤應該跳過連續發生。
即:如果步驟= 2那麼它會跳過後的一個標籤,從2

xAxis: { 
       type: 'datetime', 
       tickInterval: {_tickInterval}, 
       labels: { 
         step:2 
         } 
      }