2013-04-26 60 views
1

基於「區域範圍和線路」的演示,我創建了下面的示例代碼:HightCharts:區域範圍和樣條在同一個圖形問題

  Highcharts.setOptions({ 
       global: { 
        useUTC: false 
       } 
      }); 

      var opts = { 
       chart: { 
        renderTo: 'gfx', 
        zoomType: 'x' 
       }, 
       title: { 
        text: 'Archived data' 
       }, 
       xAxis: { 
        type: 'datetime' 
       }, 
       tooltip: { 
        crosshairs: true, 
        shared: true 
       }, 
series:[ 
{"name":"cpuload (1 minute)", "type":"spline", 
"data":[ 
    [1364688000000,0.319545], 
    [1364742000000,0.195], 
    [1364752800000,0.144], 
    [1364756400000,0.266], 
    [1364767200000,0.245], 
    [1364770800000,0.184286], 
    [1364774400000,0.1], 
    [1364832000000,0.33], 
    [1364857200000,0.16], 
    [1364896800000,0.249091] 
], 
"zIndex":1, 
}, 
{ name: "Range", 
"type":"arearange", 
"data":[ 
    [1364688000000,0.02,0.55], 
    [1364742000000,0.1,0.29], 
    [1364752800000,0.08,0.22], 
    [1364756400000,0.19,0.33], 
    [1364767200000,0.11,0.38], 
    [1364770800000,0.08,0.41], 
    [1364774400000,0.1,0.1], 
    [1364832000000,0.33,0.33], 
    [1364857200000,0.09,0.23], 
    [1364896800000,0.31,0.31] 
], 
lineWidth: 0, 
"linkedTo":":previous", 
"zIndex":0, 
"fillOpacity":0.3 
} 
] 
      } 
      chart = new Highcharts.Chart(opts); 

但沒有創建圖表。沒有錯誤消息,但沒有圖形:( 如果我改變「類型」:「區域範圍」,「類型」:「樣條」,我得到了一個圖形,與2行(如預期) 而我堅持2天沒有沒有運氣:(

任何提示,想法碼?

感謝

洛朗

回答

2

是否使用highcharts-more.js?

<script src="http://code.highcharts.com/highcharts-more.js"></script> 

http://jsfiddle.net/pLDeq/12/

+1

是的,你明白了。我錯過了這一點,並失去了很多時間:(感謝一下。 – destroyedlolo 2013-04-30 22:30:15