zoukankan      html  css  js  c++  java
  • fusioncharts的3D饼图固定大小和角度

     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,   height: height,      dataFormat: "json",   dataSource: {      "chart": {     "showlegend": "1",//是否显示图例        "formatnumberscale": "0",     "showlabels": "0",     "showvalues": "1",     "pieRadius": "56",     "startingAngle": angle,     "showPercentInToolTip": "1",     "showPercentValues": "0"      },      "data": data    }   }) }

  • 相关阅读:
    CentOS 6.10 安装mysql
    yum安装no more mirrors to try
    mysql密码问题
    tomcat的安装部署(CentOS8)(VM)
    tomcat的安装部署(windows10)
    docker中mongdb常用操作
    iphone手机卡顿解决方案
    常用sql进阶语句
    关键时刻,让你的iphone拒绝掉的所有来电
    jenkins环境安装(windows)
  • 原文地址:https://www.cnblogs.com/aflyfly/p/7489600.html
Copyright © 2011-2022 走看看