jQuery.Highcharts.js繪製長條圖餅狀圖曲線圖_jquery

在數據統計和分析業務中，有時會遇到客戶需要在一個圖表中將柱狀圖、餅狀圖、曲線圖的都體現出來，即可以從柱狀圖中看出具體數據、又能從曲線圖中看出變化趨勢，也能從餅狀圖中看出各部分數據比重。 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繪製長條圖餅狀圖曲線圖能夠有所幫助