问题描述:
我的页面是自适应的,然后pie图的item很多,当页面变小时,item的文字都堆积起来,叠在pie图上,不好看。
如下图:
解决方案:
let options = {
legend: {
orient: 'vertical',
left: 'left',
type: 'scroll',//item 排列时超出了容器高度或宽度,可以滚动翻页。
textStyle: {
width: 140,//item文字的宽度为140
overflow: 'truncate',//文字超出就截断
ellipsis: '...' //文字超出时,末尾显示省略号
}
},
}
文档:
https://echarts.apache.org/zh/option.html#legend.textStyle.width
效果如下图: