jQuery.Highcharts.js绘制柱状图饼状图曲线图

2020-05-19 07:31:08易采站长站整理

在数据统计和分析业务中,有时会遇到客户需要在一个图表中将柱状图、饼状图、曲线图的都体现出来,即可以从柱状图中看出具体数据、又能从曲线图中看出变化趋势,还能从饼状图中看出各部分数据比重。Highcharts可以轻松实现三图合一的效果。


var chart;
            $(document).ready(function() {
                chart = new Highcharts.Chart({
                    chart: {
                        renderTo: ‘container’,
                        defaultSeriesType: ‘area’
                    },
                    title: {
                        text: ‘Historic and Estimated Worldwide Population Growth by Region’
                    },
                    subtitle: {
                        text: ‘Source: Wikipedia.org’
                    },
                    xAxis: {
                        categories: [‘1750’, ‘1800’, ‘1850’, ‘1900’, ‘1950’, ‘1999’, ‘2050’],
                        tickmarkPlacement: ‘on’,
                        title: {
                            enabled: false