本人在做监控数据大屏时曾踩过不少坑,现将踩坑经验总结如下,数据大屏demo请点击这里
一、饼图处理标签文字过长而显示不全的解决方案
在使用echarts的过程中,有时会遇到标签文字过长导致显示不全的问题,如下图:
例如图中检查结果和处罚种类都存在标签文字过长超出显示区域导致显示不全的问题,这时候需要用到formatter回调函数对标签文本进行处理。
处理后效果如下图:
处理方式:自定义函数设定每行最多可显示子数,多于设定子数进行换行处理
var pieOption = {
......
series: [{
......
name: '检查结果',
label: {
normal: {
position: 'outer',
formatter: handleLabel // 自定义函数 handleLabel 对标签文本进行处理
}
}]
......
}
//处理标签文本显示问题
function handle