在數據統計和分析業務中，有時會遇到客戶需要在一個圖表中將柱狀圖、餅狀圖、曲線圖的都體現出來，即可以從柱狀圖中看出具體數據、又能從曲線圖中看出變化趨勢，也能從餅狀圖中看出各部分數據比重。 Highcharts可以輕鬆實現三圖合一的效果。
var 圖表；
$(文檔).ready(function() {
圖表 = 新的 Highcharts.Chart({
圖表：{
renderTo: '容器』,
預設係列類型：「區域中』
},
標題：{
資料：「全球人口在區域劃分的歷史與估計全球人口成長」
},
子標題：{
文字：「資料來源：Wikipedia.org'
},
x軸：{
地
tickmarkPlacement: 'on',
標題：{
啟用：並啟用：「假
}
},
y 軸心：{
標題：{
文字：「十億」
},
標籤：{
格式化程序：且 function() {
return this.value / 1000;
}
}
},
工具提示：{
格式化程式： function() {
返回 '
}
},
繪圖化選項：{
區域：{
堆疊：「正常」，
線條色彩: '#666666',
線寬度：1，
標籤：{
已寬度：1，
且線條色彩：「#6666666'
}
}
},
系列：[{
名稱：「亞洲'，
資料: [502, 635, 809, 947, 1402, 3634, 535, 809, 947, 1402, 3634, 5268]
名稱：「非洲」，
資料：[106, 107, 111, 133, 221, 767, 1766]
}, {
名稱：「歐洲」，
資料: [163, 203, 276, 408, 547, 729, 628]
}, {
名稱：「美國」，
資料：[18, 31, 54, 156, 339, 818, 1201]
}, {
名稱：「大洋洲」，
資料: [2, 2, 2, 6, 13, 30, 46]
}]
});
});
以上就是本文所述的全部內容了，希望對大家使用jQuery繪製長條圖餅狀圖曲線圖能夠有所幫助
