• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
专注于技术,专注于生活
这样才是程序员的生命
博客园    首页    新随笔    联系   管理    订阅  订阅

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: 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    }   }) }

posted @ 2017-09-07 14:41  錒飛  阅读(899)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3