`
吃姑凉不吐皮
  • 浏览: 1584 次
文章分类
社区版块
存档分类
最新评论
  • 刘志丽: 你好,请问,饼图上面的百分比是通过什么显示的?我现在所做的,只 ...
    jqplot画饼图

jqplot画饼图

阅读更多

<#if monitorDataTimeCostList?exists && monitorDataTimeCostList.size()!=0>
                        var timeCost = new Array();
                        <#list monitorDataTimeCostList as tc >
                              <#if (tc.hour>=40)>
                              timeCost.push(["4000ms以上/"+${tc.count}+"次",${tc.count}]);
                        <#else>
                              var temp=${tc.hour}*100+"ms~"+(${tc.hour}*100+500)+"ms/"+${tc.count}+"次";
                              timeCost.push([temp,${tc.count}]);
                        </#if>
                        </#list>
                        var pie = $.jqplot('timeCost', [timeCost], {
                              title:"响应时间统计数据 ",
                              seriesColors: [ "#579575", "#d8b83f", "#003366", "#0085cc","#4bb2c5",
                                                "#FFCCFF","#FFCC00","#FF6666","#66CC33","#C0C0C0",
                                                "#336666","#FF0000","#CC6666","#660033","#0033FF",
                                                "#c5b47f", "#EAA228","#00FF00","#0099FF","#FF00FF",
                                                "#66CC66","#CC9966","#66CC99","#CC00CC","#CCFFCC",
                                                "#FF6600","#CCFF00","#66FFFF","#999900","#9999CC",
                                                "#669933","#3399FF","#663366","#660066","#FFCC99",
                                                "#CC0066","#996666","#333300","#33CC99","#242424",
                                                "#808080","#CCCC66","#00CC66","#339966","#6633FF",
                                                "#6666FF","#999999","#33CCCC","#FFFF00","#0000CC"],               
                              series:[{renderer: $.jqplot.PieRenderer,
                                    rendererOptions: {diameter: 230,//饼图的直径 
                                                        sliceMargin: 5,//饼的每个部分之间的距离                      
                                                        showDataLabels: true,
                                                        dataLabelNudge: 35,
                                                        shadow:true,//为饼的每个部分的边框设置阴影,以突出其立体效果  
                                                        shadowOffset: 2, //设置阴影区域偏移出饼的每部分边框的距离
                                                        shadowDepth: 5, // 设置阴影区域的深度
                                                        shadowAlpha: 0.17 ,// 设置阴影区域的透明度
                              }
                              }],
                        legend: {
                              show: true,
                              showLabels:true,
                              placement:"outsideGrid",
                              marginTop:"0px",
                              rendererOptions: {
                      numberRows: 12
                        }
                        }
                  });  
                  </#if>

分享到:
评论
1 楼 刘志丽 2013-01-22  
你好,请问,饼图上面的百分比是通过什么显示的?我现在所做的,只有饼,没有数据。

相关推荐

Global site tag (gtag.js) - Google Analytics