2013-05-17 82 views
0

我試圖顯示具有2個數據系列的圖形。系列1是線圖,系列2是柱狀圖。 2個Y軸,每個都有不同的比例。通過查看HighCharts網站上的示例,這應該非常簡單,他們所擁有的示例正是我正在尋找的。但是,當我編寫代碼時,第二系列的系列數據不會顯示在圖上。Highcharts不顯示具有多個Y軸的圖形的系列數據

到這裏看看:http://jsfiddle.net/QgHHZ/2/

$(function() { 

    var Data = [{ 
     "name": "Series1", 
     "type": "line", 
     "data": [40000, 60000, 54000, 58000, 66000] 
    }, { 
     "name": "Series2", 
     "type": "column", 
     "yaxis": "1", 
     "data": [22300, 44, 22, 12456, 888] 
    }] 

    var Options = { 
     chart: { 
      renderTo: "container", 
      zoomType: "x" 
     }, 
     plotOptions: { 
      line: { 
       marker: { 
        enabled: false 
       }, 
       animation: true 
      }, 
      column: { 
       animation: false 
      } 
     }, 
     title: { 
      text: "Test" 
     }, 
     legend: { 
      enabled: true, 
      layout: "vertical", 
      align: 'right', 
      verticalAlign: 'middle' 
     }, 
     tooltip: { 
      enabled: true, 
     }, 
     yAxis: [{ 
      title: { 
       text: 'Series 1' 
      }, 
      min: 35000, 
      max: 80000 
     }, { 
      title: { 
       text: 'Series 2' 
      }, 
      min: 0, 
      max: 30000, 
      opposite: true 
     }], 
     series: Data 
    }; 


    myChart = new Highcharts.Chart(Options); 
}); 

如果取出最小值和最大值爲每個Y軸的,這兩個系列的數據都顯示,但在右手側軸標籤消失,就好像第二個系列僅僅在左側的y軸上顯示一樣。

我不知道我是否做錯了什麼或它的錯誤。

任何想法?

回答

3

將yaxis更改爲yAxis,並且該值必須是數字而不是字符串。

你有這樣的:

{ 
    "name": "Series2", 
    "type": "column", 
    "yaxis": "1", 
    "data": [22300, 44, 22, 12456, 888] 
} 

必須是這樣的:

{ 
    "name": "Series2", 
    "type": "column", 
    "yAxis": 1, 
    "data": [22300, 44, 22, 12456, 888] 
}] 

的jsfiddle:http://jsfiddle.net/QgHHZ/5/

+1

當然,這將是一些簡單的那樣!太長時間看它來形象看到它!感謝那。 – AndyB