图表插件highcharts的动态化赋值，实现图表数据的动态化设置显示(代码片段)

<div class="tab-char" id="container1" style="height: 300px;max-width:500px"></div>

       var chart1 = new Highcharts.Chart(
            chart: 
                renderTo: "container1",
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false,
            ,
            title: 
                text: ‘集团分子公司人员组成‘
            ,
            tooltip: 
                pointFormat: ‘series.name: <b>point.y</b>‘
            ,
            plotOptions: 
                pie: 
                    allowPointSelect: true,
                    cursor: ‘pointer‘,
                    dataLabels: 
                        enabled: true,
                        format: ‘<b>point.name</b>: point.percentage:.1f %‘,
                        style: 
                            color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || ‘black‘
                        
                    ,
                    //showInLegend: true
                
            ,
            series: [
                type: ‘pie‘,
                name: ‘人员数量‘,
                data: []
            ]
        );

        //通过Ajax获取图表1数据
        $.ajaxSettings.async = false;
        var data1 = [];
        $.getJSON("/User/GetCompanyUserCountJson", function (dict)                 
            for (var key in dict) 
                if (dict.hasOwnProperty(key)) 
                    data1.push([key, dict[key]]);
                
            ;
            chart1.series[0].setData(data1);
        );

 var chart1 = new Highcharts.Chart(

        var chart4 = new Highcharts.Chart(
            chart: 
                renderTo: ‘container4‘,
                type: ‘column‘,
                margin: 75,
                options3d: 
                    enabled: true,
                    alpha: 15,
                    beta: 15,
                    depth: 50,
                    viewDistance: 25
                
            ,
            title: 
                text: ‘Chart rotation demo‘
            ,
            subtitle: 
                text: ‘Test options by dragging the sliders below‘
            ,
            plotOptions: 
                column: 
                    depth: 25
                
            ,
            series: [
                 
                    data: null//[29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
                
            ]
        );

        //模拟动态设置，chartData数据可以通过Ajax动态获取
        var chartData = [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4];
        chart4.series[0].setData(chartData);

        //柱状图的展示
        var linechart1 = new Highcharts.Chart(
            chart: 
                renderTo: ‘lineContainer1‘,
                type: ‘column‘,
            ,
            title: 
                text: ‘销售出货日报表‘
            ,
            xAxis: 
                categories: []//[‘Apples‘, ‘Oranges‘, ‘Pears‘, ‘Grapes‘, ‘Bananas‘]
            ,
            yAxis: 
                allowDecimals: false,
                min: 0,
                title: 
                    text: ‘销售金额‘
                
            ,
            tooltip: 
                formatter: function () 
                    return ‘<b>‘ + this.x + ‘</b><br/>‘ +
                        this.series.name + ‘: ‘ + this.y + ‘<br/>‘ +
                        ‘Total: ‘ + this.point.stackTotal;
                
            ,
            plotOptions: 
                column: 
                    stacking: ‘normal‘
                
            ,
            series: [
            //
            //    name: ‘John‘,
            //    data: [5, 3, 4, 7, 2],
            //    stack: ‘male‘
            //, 
            //    name: ‘Joe‘,
            //    data: [3, 4, 4, 2, 5],
            //    stack: ‘male‘
            //, 
            //    name: ‘Jane‘,
            //    data: [2, 5, 6, 2, 1],
            //    stack: ‘female‘
            //, 
            //    name: ‘Janet‘,
            //    data: [3, 0, 4, 4, 3],
            //    stack: ‘female‘
            //
            ]
        );

        //设置数据，这里可以通过JSON获取
        var category = [‘2018-7-1‘, ‘2018-7-2‘, ‘2018-7-3‘, ‘2018-7-4‘, ‘2018-7-5‘];
        var seriesData = [
            name: ‘AB‘,
            data: [500, 300, 400, 700, 200]
        , 
            name: ‘BC‘,
            data: [300, 400, 400, 200, 500]
        , 
            name: ‘CD‘,
            data: [200, 500, 600, 200, 100]
        , 
            name: ‘EF‘,
            data: [300, 0, 400, 400, 300]
        ];
        //先移除选来的series对象，然后加入
        while (linechart1.series.length > 0) 
            linechart1.series[0].remove(true);
        
        for (var i = 0; i < seriesData.length; i++) 
            //加入categories
            linechart1.xAxis[0].setCategories(category);
            //加入series
            linechart1.addSeries(seriesData[i]);