-2
是否有可能產生像Highcharts下面的圖表?如果是這樣,我該怎麼做?兩種圖表類型之一?
上部圖表是沒有問題的。另外我需要下面的堆疊塊。藍圖就足夠了。
我繼承從其中已經使用Highcharts同事的一個項目,現在我需要來擴展功能。
是否有可能產生像Highcharts下面的圖表?如果是這樣,我該怎麼做?兩種圖表類型之一?
上部圖表是沒有問題的。另外我需要下面的堆疊塊。藍圖就足夠了。
我繼承從其中已經使用Highcharts同事的一個項目,現在我需要來擴展功能。
是啊,這是可能的。我把一個jsfiddle放在一起來模擬你想要做的事情。
http://jsfiddle.net/vbpDS/4312/
所以重要的部分:
在你的系列收藏,你需要告訴它你想要一個特別系列是列類型的(如果您的默認類型設置爲線 - 那就是如果一個類型沒有在系列定義的,它會自動繪製成無論你的默認設置爲)。
chart: {
renderTo: 'container',
defaultSeriesType: 'line'
},
series: [{
type: 'column',
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
stack:'1'
},{
type: 'column',
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
stack:'1'
}
, {
data: [129.9, 271.5, 306.4, 29.2, 544.0, 376.0, 435.6, 348.5, 216.4, 294.1, 35.6, 354.4]
},{
data: [100, 110, 120, 130, 140, 150, 140, 130, 120, 110, 100, 110]
}]
現在,因爲你還想要的列堆棧,你必須告訴它需要彼此堆疊數據組。所以你把堆棧屬性設置爲你想要的任何東西,但只要確保它們匹配,就可以將它們「綁定」在一起。
編輯:順便說一句的highcharts API文檔是偉大的!檢查出來的更多信息:http://www.highcharts.com/ref/