ECHARTS柱形图和饼图数值显示
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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柱形图和饼图数值显示的主要内容，如果未能解决你的问题，请参考以下文章