当前位置: 首页 > news >正文

echarths 使用环形柱状图实行环比效果

echarths 使用环形柱状图实行环比效果


var option = {angleAxis: {startAngle:90, // 开始位置clockwise:false,// 是否顺时针max:100,// 坐标轴最大值100axisLine:{show:false // 不显示坐标轴},splitNumber:1,axisTick:{show:false,//是否展示刻度},},radiusAxis: {type: 'category',data: [{value:10,label:{show:true,position: 'top'}},{value:20,label:{show:true,position: 'top'}},{value:30},],z: 10,label:{hoverOffset: 0,//高亮扇区的偏移距离。clockwise: false,//饼图的扇区是否是顺时针排布。startAngle: 90,//起始角度,支持范围[0, 360]。},axisLine:{show:false},axisTick:{show:false,//是否展示刻度length:2,// 刻度长度splitNumber:20},axisLabel:{inside: false}},polar: {},series: [{type: 'bar',data: [{value: 10,itemStyle:{color:'#3bd8a3'}},{value: 20,itemStyle:{color:'#f5a623'}},{value: 30,itemStyle:{color:'#006be0'}}],coordinateSystem: 'polar',name: 'A',stack: 'a',barMaxWidth:'27%', // 柱状图的粗细},{type: 'bar',data: [{value:100-10,itemStyle:{color:'#eceef0'}},{value: 100-20,itemStyle:{color:'#eceef0'}},{value: 100-30,itemStyle:{color:'#eceef0'}}],coordinateSystem: 'polar',name: 'B',stack: 'a',barMaxWidth:'27%', // 柱状图的粗细}],// legend: {//     show: true,//     data: ['A', 'B']// }
};

效果图


http://www.taodudu.cc/news/show-8535986.html

相关文章:

  • 文件系统(未打开的文件)
  • 交叉编译u-boot,qemu启动测试
  • 基于springboot+mybatis+vue的项目实战之前端
  • rust开发web服务器框架,github排名对比
  • 贝叶斯分类器详解
  • 设计模式-结构型-适配器模式-Adapter
  • 国家实行节水责任制和节水考核评价制度,将节水目标完成情况纳入对()考核范围。
  • 如果用计算机记账会出错吗,下列关于实行计算机记账的描述错误的是( )。
  • 张雪峰为什么敢实行4天工作制,做到敢为天下先
  • vue qs序列化
  • vue使用qs
  • axios qs
  • qs库--介绍
  • 深入理解qs库:简化你的工作流程
  • qs.stringify()、qs.parse()的使用
  • 你不知道的qs.stringify
  • 数据实时召回
  • 推荐算法架构 :召回(1)
  • 浅谈互联网搜索之召回
  • 召回与排序算法总结
  • 个性化召回
  • 推荐系统之召回
  • pikache靶场通关——CSRF攻击
  • XSS基础——xsslabs通关挑战
  • SQL注入-Pikachu靶场通关
  • xss-labs通关大合集
  • XSS靶场通关
  • 【XSS漏洞-05】XSS-labs靶场通关大挑战
  • 域名申请ICP备案的时候需要关闭解析服务以及注意事项
  • 小程序备案和icp备案有什么区别
  • 接入备案常见问题
  • 免备案申请QQ互联详细教程
  • 食品安全法规:全球比较与实践
  • 亚马逊近日发布通用产品安全法规一般产品安全法规 (GPSR)
  • 2023年重大网络安全政策法规盘点
  • 安全合规--37--基于欧美法律法规的企业隐私合规体系建设经验总结(一)