高圖滴答間隔

我似乎無法弄清楚如何正確設置我的滴答間隔。
需要在X軸上按小時計時。
數據是基於分鐘的。高圖滴答間隔

的Javascript：

$(function() { 
    var chart; 
    $(document).ready(function() { 
     chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'container', 
       type: 'spline' 
      }, 
      title: { 
       text: 'Temperature Today' 
      }, 
      xAxis: { 
       type: "datetime", 
       categories: time, 
       dateTimeLabelFormats: { 
        day: '%h' 
       }, 
       minTickInterval: 24 * 36000000 * 1000, 
      }, 
      yAxis: { 
       title: { 
        text: 'Temperature' 
       }, 
       minorGridLineWidth: 0, 
       gridLineWidth: 0, 
       alternateGridColor: null 
      }, 
      tooltip: { 
       formatter: function() { 
         return ''+ 
         Highcharts.dateFormat('%e. %b %Y, %H:00', this.x) +': '+ this.y; 
       } 
      }, 
      plotOptions: { 
       spline: { 
        lineWidth: 4, 
        states: { 
         hover: { 
          lineWidth: 5 
         } 
        }, 
        marker: { 
         enabled: false, 
         states: { 
          hover: { 
           enabled: true, 
           symbol: 'circle', 
           radius: 5, 
           lineWidth: 1 
          } 
         } 
        }, 
       } 
      }, 
      series: [{ 
       name: 'Asen', 
       data: temp 
      }] 
      , 
      navigation: { 
       menuItemStyle: { 
        fontSize: '6px' 
       } 
      } 
     }); 
    }); 

});

數據數組：

temp = [-4.39,-4.39,-4.33,-4.33,-4.33,-4.33,-4.33] 
time = [1359910725000,1359910786000,1359910848000,1359910908000,1359910968000,1359911028000,1359911089000,1359911150000]

來源

2013-02-03 HyperDevil

請參閱http://stackoverflow.com/questions/11470433/highcharts-set-regular-intervals-on-axisis –

嘗試過，仍然無效：tickInterval：24 * 3600000 * 1000並將dateTimeLabelFormats設置爲：％H ％M – HyperDevil

首先，去除X軸的 '類別' 屬性，這在日期時間軸上沒有意義。請注意，日期時間軸基於毫秒，所以一小時的時間間隔表示爲3600 * 1000。請參閱API highcharts, tickInterval

將此配置用於xAxis。

xAxis: { 
     type: "datetime",  
     dateTimeLabelFormats: { 
      day: '%H' 
     }, 
     tickInterval: 3600 * 1000 
},

看到這裏的工作演示。

來源

2013-02-04 08:38:17

我必須將％H更改爲％H：％M才能使00至00:00 – HyperDevil

你應該值使用tickInterval：3600 * 1000

來源

2013-02-04 08:37:24

高圖滴答間隔

回答

相關問題