option = {
series: [
{
type : "gauge",
center: ["50%", "45%"], // 默认全局居中
radius : "90%",
startAngle: '200',
endAngle: '-159.99',
splitNumber: 45,
detail: {
offsetCenter: [0, -20],
formatter: ' '
},
pointer: {
show: false
},
axisLine : {
show : true,
lineStyle : { // 属性lineStyle控制线条样式
color : [ //表盘颜色
[ 0.32, "#00F993FF" ],//0-32%处的颜色
[ 0.48, "#00FFE0FF" ],//33%-48%处的颜色
[ 0.76, "#4AA9FFFF" ],//49%-76%处的颜色
[ 1,"#4D80FFFF" ]//77%-100%处的颜色
],
width : 30//表盘宽度
}
}, splitLine: {
show: true,
length: 32,
lineStyle: {
color: '#fff',
width: 6
}
},
axisTick : { //刻度线样式(及短线样式)
show:false,
// length : 20
},
axisLabel : { //文字样式(及“10”、“20”等文字样式)
show:false, }, }
]
};

效果图如下

项目中可以根据color的百分比,区分不同类别的占比,如

最新文章

  1. 【引】objective-c,3:关于block
  2. Hash Table 的实现步骤是什么
  3. Python之调用函数
  4. Android开发(三十二)——延时
  5. python笔记 - day7
  6. LeetCode18 4Sum
  7. HTML转换成word文档
  8. acdream 1222 Quantization Problem [dp]
  9. 我的MYSQL学习心得(九)
  10. Linux下的暴力密码在线破解工具Hydra安装及其组件安装-使用
  11. 记录一次参加D2前端技术论坛的杭州之行
  12. JDK--box和unbox
  13. phpstorm 断点调试 傻瓜教程
  14. day15.Python内置函数
  15. leetcode337
  16. Docker查看容器IP
  17. 从马文到AlphaGo AI走过了怎样的70年?
  18. SR锁存器
  19. Intellij IDEA 快捷键整理-鬼畜版(全键盘开发指南)
  20. JAVA遇上HTML-----JSP 篇基本概念

热门文章

  1. Spark应用程序第三方jar文件依赖解决方案
  2. django项目 在进行数据生成迁移文件makemigrations时报Please select a fix:...
  3. VS/QT--调用第三方库dll总结
  4. mac使用expect登录跳板机后的机器
  5. js检测数组是否有重复的数据,
  6. Spring 事务传播属性
  7. Python的入门复习一 Day 8——from“夜曲编程”
  8. sxt_(008_011)_servlet
  9. 【转载】Adobe Acrobat XI Pro闪退原因及解决办法
  10. windows 2012 打补丁升级后不能启动处理