Highchart與多個Y軸碰撞

當我添加第二個serie時，我的highchart崩潰了鉻。
無法看到Chrome的控制檯調試.. :(
有沒有人有一個想法？Highchart與多個Y軸碰撞

$(function() { 
    var chart; 
    $(document).ready(function() { 
     chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'container', 
       type: 'line', 
       margin: [40,10,60,80], 
      }, 
      title: { 
       text: 'Temperature Today' 
      }, 
      xAxis: { 
       type: 'datetime',  
       dateTimeLabelFormats: { 
        day: '%H:%M' 
       }, 
       tickInterval: 3600 * 1000, 
       labels: { 
        rotation: -45, 
        align: 'right', 

        style: { 
         fontSize: '10px', 
         fontFamily: 'Verdana, sans-serif' 
        } 
       }, 
      }, 
      yAxis: { 
       title: { 
        text: 'Temperature' 
       }, 
       minorGridLineWidth: 0, 
       /* gridLineWidth: 0, */ 
       /* alternateGridColor: null */ 
      }, 
      tooltip: { 
       formatter: function() { 
         return ''+ 
         Highcharts.dateFormat('%H:%M', this.x) +': '+ this.y; 
       } 
      }, 
      plotOptions: { 
       spline: { 
        lineWidth: 4, 
        states: { 
         hover: { 
          lineWidth: 3 
         } 
        }, 
        marker: { 
         enabled: false, 
         states: { 
          hover: { 
           enabled: true, 
           symbol: 'circle', 
           radius: 3, 
           lineWidth: 1 
          } 
         } 
        }, 
       } 
      }, 
      series: [{ 
        name: 'Temperature', 
        data: temp, 
        type: 'line', 
        showInLegend: false, 
        pointInterval: 60 * 1000, 
        pointStart: Date.UTC(2006, 0, 1), 
         marker: { 
          enabled: false 
         }, 
        dashStyle: 'solid', 
        yAxis: 0, 
        xAxis: 0, 
        } , { 
        name: 'Humdity', 
        data: hum, 
        yAxis: 1, 
        xAxis: 0, 
        showInLegend: false, 
        type: 'line', 
      }], 
      navigation: { 
       menuItemStyle: { 
        fontSize: '6px' 
       } 
      } 
     }); 
    }); 

});

來源

2013-02-04 HyperDevil

它甚至崩潰上的jsfiddle – HyperDevil

你只有一個yAxis，因此它打破了，因爲你設置的第二個系列顯示到第二個（是的，這就是yAxis: 1手段）

刪除或創建第二yAxis

更新：。

使用yAxis: 0將reffer第一個和1第二個。
失蹤,在jsfiddle的第36行}後。
之前存儲數據。

Demo

來源

2013-02-04 17:46:27

我刪除，它似乎仍然崩潰.. – HyperDevil

@HyperDevil所以，對於一個更好的答案，你應該表現出'hum'。 –

我在這裏看不到任何活動另一個Y軸的東西嗎？http：//jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line -basic/ – HyperDevil

Highchart與多個Y軸碰撞

回答

相關問題