highcharts柱狀圖使用

function showSyqk(type){
      $.ajax({
            type:"POST",
            url:"dzlgmain.do",
            data:"method=dzlgLzCjTjxx",
            dataType:"json",
            success : function(msg) {
//              while (linechart1.series.length > 0) {
//                linechart1.series[0].remove(true);
//             }
            var series=[];
            var xzqh=[];
            for (var i = 0; i < msg.listxzqh.length; i++) {
             xzqh.push(msg.listxzqh[i]);
            }
         for (var i = 0; i < msg.listdata.length; i++) {
             //加入categories
            //linechart1.xAxis[0].setCategories(msg.listxzqh);
           //      加入series
          // linechart1.addSeries(msg.listdata[i]);
         series.push({"name":msg.listdata[i].name,"data":eval("["+msg.listdata[i].data+"]")});
             
         };
         $("#syqk_zzt").highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: ''
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                categories: xzqh,
                crosshair: true,
                
            },
             legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                y: 0,
                x:-20,
                floating: true,
                borderWidth: 0
            },
             credits: {
                 enabled: false
            },
            yAxis: {
                min: 0,
              
                 
                title: {
                    text: '發'
                }
            },
            tooltip: {
                headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y:.1f} 萬發</b></td></tr>',
                footerFormat: '</table>',
                shared: true,
                useHTML: true
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
            series:series
        });
     },
        error : function(e) {
            alert("服務器故障,請與管理員聯繫!");
          }
          
     });
}

 

--------------------------後臺

        public JSONObject  getcjxxMain(List list,String klx){
            Highcharts highchart1 = new Highcharts();
            Highcharts highchart2 = new Highcharts();  
            JSONObject jsonData = new JSONObject();  
            String xzqh_dicvalue="";
            List sjlist=new ArrayList();
            List xzqhlist=new ArrayList();
            List sylist_=new ArrayList();
            List cjlist_=new ArrayList();
            for (int i = 0; i < list.size(); i++) {
                Map map=(Map)list.get(i);
                String cjsl=(String )String.valueOf(map.get("cjsl").toString());
                String sysl=(String )String.valueOf(map.get("sysl").toString());
                if(klx != null && MBConstant.KLX_GAGLK.equals(klx)){
                   xzqh_dicvalue=(String )map.get("xzqh_dicvalue");
                }else{
                xzqh_dicvalue=(String )map.get("dwmc");
                }
                sylist_.add( (Long.parseLong(sysl)));
                cjlist_.add((Long.parseLong(cjsl)));
                xzqhlist.add(xzqh_dicvalue);
            }
             highchart1.setName("aa");
             highchart1.setData(sylist_);  
             highchart2.setName("bb");  
             highchart2.setData(cjlist_);  
             sjlist.add(highchart1);  
             sjlist.add(highchart2);  
             jsonData.put("listdata", sjlist);  
             jsonData.put("listxzqh", xzqhlist);  
            return jsonData;
    }

 

     public class Highcharts {  
           private String name;  
           private List data = new ArrayList();
            public String getName() {
                return name;
            }
            public void setName(String name) {
                this.name = name;
            }
            public List getData() {
                return data;
            }
            public void setData(List data) {
                this.data = data;
            }  
               
              
         }

------------------------control

public ActionForward dzlgLzCjTjxx(ActionMapping mapping,ActionForm form,HttpServletRequest request,HttpServletResponse response){
        UserSessionBean user = UserSessionUtils.getCurrentSessionUser(request.getSession());
        JSONObject sjlJson = dzlgMainManager.dzlgLzCjTjxx(user);
        try {
                ResponseUtils.render(response, JsonUtils.object2json(sjlJson));
            } catch (Exception e) {
                e.printStackTrace();
            }
        return null;
    }

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章