highcharts柱状图和饼图的数据填充

1、其实数据填充很简单，它们就是json的格式，然后后台按照这种格式去套数据发给前端；前端再做一下连接处理等就行了。

　　　　$('#program_statistics_bar').highcharts({
             chart: {
                type: 'bar'
            },
            title: {
                text: bar_title
            },
            exporting :{
                url:'../../plugin common/Highcharts-3.0.9/exporting-server/php/php-batik/index.php',
                1000
            },
            xAxis: {
                categories: (function() {
                     var temp_data = [];                    
                     
                    for (var key in bar_data) 
                    {        
                        if ('undefined' != typeof(bar_prog_name[key]))
                        {
                            temp_data.push(bar_prog_name[key].toString() + '( ' + key.toString() + ' )');
                        }    
                        else
                        {
                            temp_data.push(key.toString());
                        }
                    }
                    
                    return temp_data;
                 })()
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'View Count' + '( ' + bar_type + ' : ' + number + ' )',
                    align: 'high'
                },
                labels: {
                    overflow: 'justify'
                }
            },
            tooltip: {
                valueSuffix: '  times'
            },
            plotOptions: {
                bar: {
                    dataLabels: {
                        enabled: true
                    }
                }
            },
            legend: { 
                layout: 'vertical', 
                align: 'right', 
                verticalAlign: 'top', 
                x: -40, 
                y: 100, 
                floating: true, 
                borderWidth: 1, 
                backgroundColor: '#FFFFFF', 
                shadow: true 
            }, 
            credits: {
                enabled: false
            },
            series: (function() {    
                var obj        = new Object();  
                var view_count = [];
                var temp_data  = [];
                
                for (var key in bar_data) 
                {
                    view_count.push(bar_data[key]);
                }
                               
                obj['name'] = "View Count";
                obj['data'] = view_count;
                
                temp_data.push(obj);
                return temp_data;
            })()                
         });

$('#program_statistics_pie').highcharts({
              chart: {
                 plotBackgroundColor: null,
                 plotBorderWidth: null,
                 plotShadow: false
             },
             colors:[
                 '#DDDDDD',
                 '#FF88C2',
                 '#FF8888',
                 '#FFA488',
                 '#FFBB66', 
                 '#FFDD55', 
                 '#FFFF77', 
                 '#DDFF77',
                 '#66FF66',
                 '#77FFEE',
                 '#77DDFF',
               ],
             title: {
                 text: pie_title
             },
             tooltip: {
                 pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
             },
             plotOptions: {
                 pie: {
                     allowPointSelect: true,
                     cursor: 'pointer',
                     dataLabels: {
                         enabled: true,
                         color: '#000000',
                         connectorColor: '#000000',
                         format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                     },
                     showInLegend: true
                 }
             },
             series: [{
                 type: 'pie',
                 name: 'Views',
                 data: (function() {
                     var temp_data  = [];                    
                   
                    for (var key in pie_data) 
                    {
                        if ('undefined' != typeof(pie_prog_name[key]))
                        {
                            arr = [pie_prog_name[key] + '( ' + key + ' )', pie_data[key]];
                        }
                        else
                        {
                            arr = [key, pie_data[key]];
                        }
                        
                        temp_data.push(arr);
                    }
                    
                    return temp_data;
                 })()
             }]
         });