调用后台动态的生成Highcharts图表

1. var data = AjaxUtil.request({
2.        url : "test.action"
3.       });
4.        
5.          //为图表设置值   
6.       var myobj= data.rows;
7.       var deptname='';
8.       var yf =[];
9.       var nf =[];
10.       var tqb =[];
11.       for(var i=0;i<myobj.length;i++){
12.         
13.        deptname += "'"+myobj.DEPT_NAME+"',";
14.                yf.push(myobj.YF);
15.                nf.push(myobj.NF);
16.                tqb.push(myobj.TQB);
17.       }
18.       deptname = deptname.substring(0,deptname.length-1);
19.       deptname =  eval('('+"["+deptname+"]"+')');
20.       yf =  eval('('+"["+yf+"]"+')');
21.       nf =  eval('('+"["+nf+"]"+')');
22. 
23.        var  chart = new Highcharts.Chart({
24.             chart: {
25.                  marginTop: 20,
26.                  marginRight: 10,
27.                  marginLeft: 25,
28.                  renderTo: 'mapDiv' //图表显示的div 容器
29.             },
30.             title: {
31.                text: ' title '
32.             },
33.             xAxis: {
34.                categories: deptname //动态加载的X轴数据
35.             },
36.             yAxis: {
37.                 min:0,
38.                 minPadding: 0.2,
39.                 maxPadding: 0.2,
40.                 tickInterval:5,
41.                 title: {
42.                     ext: ' '
43.                 }
44.             },
45.             tooltip: {
46.                formatter: function() {
47.                   var s;
48.                   if (this.point.name) { 
49.                            s = ''+  this.point.name +': '+ this.y +' fruits';
50.                   } else {
51.                            s  = ''+this.x  +': '+ this.y+'条';
52.                   }
53.                   return s;
54.                }
55.             },
56.             legend: {
57.                   layout: 'vertical',
58.                   align: 'left',
59.                   x: 60,
60.                  verticalAlign: 'top',
61.                  y: 50,
62.                  floating: true
63.             },
64.             series: [{
65.                type: 'column',
66.                name: '当月累计',
67.                data: yf
68.             }, {
69.                type: 'column',
70.                name: '前年当月',
71.                data: tqb
72.             }, {
73.                type: 'spline',
74.                name: '当年累计',
75.                data:  nf 
76.             }]
77.          });

总结：
如实现坐标轴为时间的
xAxis: {
      type: 'datetime'  //类型       
     },
时间从后台传值以毫秒方式传出：Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) 转化为页面展示的时间
需要在引用的js之前 加上：Highcharts.setOptions({global:{useUTC : false}});  
由于时区问题  否则时间差事8小时

js 类库中
更改导出图片按钮中的英文字体和打印按钮都在exporting.js类库中
如何更改图表的高宽问题能更灵活？highcharts.src.js 中 更改getChartSize(); 重新赋值即可