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',
                 width: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;
                  })()
              }]
          });