2013-06-03 12 views
0

我有一個問題,從高爐的範圍選擇器的X軸值如果我選擇1D X軸值應該是小時的基礎像00.00,01.00,02.00 .... 23.00 。如果我選擇1w x軸值應該是jan-1,jan-2,jan-3如果我選擇1m x軸值爲jan-1,jan-2,間隔爲一週。請找到下面的小提琴文件我的代碼。onklick事件for highstock rangeselecor和寬度不適用

http://jsfiddle.net/t6uYV/

    buttons[1].on('click', function (e) { 
        console.debug("hello onclick of the button "); 
         reset_all_buttons(); 
         chart.rangeSelector.buttons[1].setState(2); 


         chart.xAxis[0].setTitle({ 
          title: { 
           text: 'Date/time', 
           type: "datetime", 
           tickInterval : 24 * 3600 * 1000, 
           dateTimeLabelFormats: { 
            day: '%b %d' 
           }, 
           labels: { 
            formatter: function() { 
             return Highcharts.dateFormat('%b %d', this.value); 
            } 
           } 
          } 
         }); 

         chart.setSize(900,600,false); 

         chart.addSeries({ 
          name : 'Energy Consumption', 
          id : 'EnergyConsumption_data', 
          yAxis: 1, 
          data : [[Date.UTC(2013,05,20),12],[Date.UTC(2013,05,21),14],[Date.UTC(2013,05,22),16],[Date.UTC(2013,05,23),22],[Date.UTC(2013,05,24),11],[Date.UTC(2013,05,25),10],[Date.UTC(2013,05,26),14]], 
          pointInterval: 24 * 3600 * 1000 
         }); 
         chart.addSeries({ 
          name : 'OutDoor Temperature', 
          id : 'OutDoorTemperature_data', 
          data : [[Date.UTC(2013,05,20),24],[Date.UTC(2013,05,21),14],[Date.UTC(2013,05,22),16],[Date.UTC(2013,05,23),22],[Date.UTC(2013,05,24),11],[Date.UTC(2013,05,25),10],[Date.UTC(2013,05,26),14]], 
          pointInterval: 24 * 3600 * 1000 
         }); 

        }); 

寬度不施加時單擊任何rangeselector值。

請爲我提供解決方案。爲此最後一週掙扎。

由於事先

Mahidhar

回答

0

它與tickInterval,所以你需要使用動態設置tickInterval有關。爲了達到這個目的,你應該使用tickPositioner http://api.highcharts.com/highstock#xAxis.tickPositioner

+0

我使用下面的tickinterval解決了x軸標籤問題,如下圖chart.xAxis [0] .update({tickInterval:1 * 24 * 3600 * 1000}) – Mahidhar