调用后台动态的生成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(); 重新赋值即可