首页 > 代码库 > ECHARTS柱形图和饼图数值显示
ECHARTS柱形图和饼图数值显示
ECHARTS柱形图和饼图数值显示,官方文档写的很不错,这里自己单独梳理一下,以后可能会用的到。
1、柱形图数值显示
在option添加:
label:{
normal:{
show: true,
position: ‘top‘}
},
其中position为数值显示的位置,具体属性可以查看官方的配置项。
2、饼图
在option中series添加:
itemStyle:{
normal:{
label:{
show: true,
formatter: ‘{b} : {c} ({d}%)‘,
textStyle:{
fontSize:8
}
},
labelLine :{show:true}
}
}
其中formatter为数值的格式,textStyle可以设置字体属性,如颜色,字体类型,大小等。具体属性可以查看官方的配置项。
本文出自 “林元煌的博客” 博客,请务必保留此出处http://lyhmm.blog.51cto.com/1797932/1943515
ECHARTS柱形图和饼图数值显示