Highcharts不显示具有多个Y轴的图形的系列数据

Question

我试图显示具有2个数据系列的图形。系列1是线图，系列2是柱状图。 2个Y轴，每个都有不同的比例。通过查看HighCharts网站上的示例，这应该非常简单，他们所拥有的示例正是我正在寻找的。但是，当我编写代码时，第二系列的系列数据不会显示在图上。

到这里看看：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轴上显示一样。

我不知道我是否做错了什么或它的错误。

任何想法？

Answer 1

将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/