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軸上顯示一樣。
我不知道我是否做錯了什麼或它的錯誤。
任何想法?
當然,這將是一些簡單的那樣!太長時間看它來形象看到它!感謝那。 – AndyB