fusioncharts的3D饼图固定大小和角度

来源:互联网 发布:淘宝怎么延长退货时间 编辑:程序博客网 时间:2024/05/23 11:37


 3D饼图的pieRadius和startingAngle属性

    pieRadius:饼图的半径

    startingAngle:饼图的角度(旋转)

在固定大小的div里面,饼图上如果显示label或者value,则饼图的大小会根据label或者value的长度自动伸缩,此时用属性pieRadius(饼的半径)设置为固定大小, 还可以用属性startingAngle控制饼图初始化的角度。


实例:


var data = [{"color": "429EAD","label": "未启动","value": 28},{"color": "4249AD","label": "已启动","value": 66}];//调用paintPie3D($("#divName"), 210, 220, data);function paintPie3D(div, width, height, data) {var angle = -100;<pre name="code" class="javascript">        //当数据只有两个时,控制饼图的角度if(data!=null && data.length == 2 && (data[0].value > 0 || data[1].value > 0)){angle = 80 - (Math.round(data[0].value*180/(data[0].value+data[1].value)));}div.insertFusionCharts({type: "Pie3D", width: width, height: height, dataFormat: "json", dataSource: {  "chart": {"showlegend": "1",//是否显示图例    "formatnumberscale": "0","showlabels": "0","showvalues": "1","pieRadius": "56","startingAngle": angle,"showPercentInToolTip": "1","showPercentValues": "0"  },  "data": data}})}


0 0
原创粉丝点击