highcharts对于饼状图的数据接口

来源：互联网发布：我的世界如何查看端口编辑：程序博客网时间：2024/05/17 23:16

前台

var data2=new Array(new Array(),new Array());//饼状图的数据时二维数组--------------------------------------------------------------
          var chart2 = new Highcharts.Chart({
      // $('#container2').highcharts({
           chart: {
       renderTo:'container2',
                 type: 'pie',
               plotBackgroundColor: null,
               plotBorderWidth: null,
               plotShadow: false
           },
           title: {
               text: '损耗率'
           },
           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} %'
                   }
               }
           }
       });

       $.ajax({
              type: "POST",
              url: "<%= basePath%>tu/piejson.action",
              data: "status=bingtu",
              dataType:'json',
              success: function(returndata){
                    var result = eval('(' + returndata.json + ')');
               //用

$.each( { result.data, function(i, n){  alert( "Name: " + 就等于后台二维数组的“Opera” + ", Value: " + 等于二维数组对应的6.2 );});

}

               chart2.addSeries({ name: result[0].name, data:data2});

              }

          });

-------------------后台

private String json;
    public String getJson()
     {
         return json;
     }

     /**
      * @param 对jsonTree进行赋值
      */
     public void setJson(String json)
     {
         this.json = json;
     }

public String initPieString() {

JSONArray gdsNodes = new JSONArray();

        JSONObject gdsNodeYear = new JSONObject();
        Object[][] array ={{"Opera",6.2},{"Others",0.7},{"Firefox",45.0},{"IE",39.6},{"Safari",8.5}};      //也是一个二维数组
        gdsNodeYear.put("name", "损耗率");
        gdsNodeYear.put("data",array);

        gdsNodes.add(gdsNodeYear);
        json = gdsNodes.toString();
        return SUCCESS;

}

0 0