highcharts不同刻度間隔

Question

我正在使用highcharts來繪製一些數據。我可以選擇兩個日期，圖表將顯示這兩個日期之間的數據。

我有以下代碼：

options.xAxis[0] = { 
    type: 'datetime', 
    tickInterval: 3600 * 1000, // one hour 
    tickWidth: 5, 
    gridLineWidth: '1', 
    gridLineColor: gridLineColor, 
    labels: { 
     align: 'center', 
     x: -3, 
     y: 20, 
     formatter: function() { 
      return '<b style=\"font-size:120%\">' + Highcharts.dateFormat('%d-%m', this.value) + '<b>' + '<br>' + Highcharts.dateFormat('%l%p', this.value); 
     } 
    }, 
    opposite: false 
} 

我的問題是，如果我有1天，我看到所有的時間和，如果我已經選擇5天爲例如，我看到在軸5天但如果我選擇3個月，我會在3個月內看到所有的日子。這是不可讀的。

是否可以說你不想在軸上顯示10個以上的間隔？

非常感謝，

約翰。

Answer 1

你有兩個選擇：

1. 動態設置你的tickInterval。根據您的數據的時間範圍設置時間間隔

2. 使用tickPixlInterval選項。這決定了邏輯滴答時間間隔接近您指定的像素值。

   • http://api.highcharts.com/highcharts#xAxis.tickPixelInterval