echarts的简单应用之（二）饼图

 1 var myChart = echarts.init(pie[0]);
 2         
 3       var  levels = [];
 4       var  brower =[];
 5         // 从后台获取数据
 6         $.ajax({
 7             type : "post",
 8             url : "getPieInfo.action",
 9             dataType: "json",
10             data : {},
11             success : function(result){
12                 if(result != null && result.length > 0){
13                     for(var i=0; i<result.length; i++){
14                          levels.push(result[i].level);
15                          brower.push({
16                              value: result[i].num,
17                              name : result[i].level
18                          })
19                      }
20                 }
21                 myChart.setOption({
22                     title : {
23                     text: ‘告警级别比例统计‘,
24 //                    subtext: ‘自定义数据‘,
25                     x:‘center‘
26                 },
27                 tooltip : {
28                     trigger: ‘item‘,
29                     formatter: "{a} <br/>{b} : {c} ({d}%)"    // 拖拽重新计算
30                 },
31                 legend: {
32                     orient : ‘vertical‘,
33                     x : ‘left‘,
34                     data: levels
35                 },
36                 toolbox: {
37                     show : true,
38                     feature : {
39                         mark : {show: true},
40                         dataView : {show: true, readOnly: false},    // 数据视图
41                         magicType : {        // 动态类型转换
42                             show: true, 
43                             type: [‘pie‘, ‘funnel‘],    // 饼图、漏斗形互转
44                             option: {
45                                 funnel: {
46                                     x: ‘25%‘,
47                                     width: ‘50%‘,
48                                     funnelAlign: ‘center‘    // 水平方向上对齐格式
49                                 }
50                             }
51                         },
52                         restore : {show: true},    // 还原
53                         saveAsImage : {show: true}    // 保存图片
54                     }
55                 },
56                 calculable : true,    //拖拽重新计算
57                 series : {
58                         name:‘访问来源‘,
59                         type:‘pie‘,
60                         radius : ["45",‘70%‘],        // 内半径，外半径
61 //                        center: [‘50%‘, ‘60%‘],        // 圆心坐标
62                         data: brower
63                     }
64                 });
65             }
66         })