jquery中的highcharts用法（统计图表）

<script src="FrameWork/jquery-1.7.1.min.js" type="text/javascript"></script>
   <script src="FrameWork/highcharts/highcharts.js" type="text/javascript"></script>
       <script src="FrameWork/highcharts/grid.js" type="text/javascript"></script>

 var chart; 
        chart = new Highcharts.Chart({ 
            chart: {  //整体控制
                renderTo: 'chart1',  //图表容器的DIVbar:横向条形图
                defaultSeriesType: 'column', //可选，默认为line【line:折线;spline:平滑的线;area:区域图;bar:曲线图;pie:饼图;scatter:点状图等等;
                marginRight: 20, //外边距控制 (上下左右空隙)
                marginBottom: 50,
                borderWidth: 0 ,
                backgroundColor: "white" 
            }, 
            title: { 
                text: '科室在办项目数量统计统计图', //主标题
                x: -20            //标题相对位置  默认居中
            },
//                    subtitle: {
//                    text: '趋势图',//副标题
//                    x: 60           //标题相对位置
//                    },
            xAxis: {          //x轴数据
                categories: ['规划设计科', '规划用地科', '建筑工程科', '市政工程科', '监督检查科'] 
            }, 
            yAxis: {          //y轴数据
                title: { 
                    text: '' 
                }, 
                plotLines: [{  //标线
                    value: 0, 
                    width: 1, 
                    color: '#808080' 
                }] 
            }, 
            tooltip: {        //数据点的提示框
                formatter: function () { 
                    return '<b>' + this.series.name + '</b><br/>' + this.x + ': ' + this.y; 
                }  //formatter需要一个回调函数，可以通过this关键字打点得到当前一些图表信息
            }, 
            legend: { 
                layout: 'horizontal', 
                align: 'bottom', 
                verticalAlign: 'left', 
                x: 10, 
                y: 240, 
                borderWidth: 0 
            }, 
            series: [{   //数据数组,json格式中name为这组数据的名字，data为这组数据的数组
                name: '总数', 
                
                data: chartTotal
            }, { 
                name: '正常', 
                data: chartGreen
            }, { 
                name: '超时', 
                data: chartRed
            }, { 
                name: '预警', 
                data: chartYellow
            }] 
        });