项目中Echarts数据和单位过长 会导致显示不全,如下图所示
想让它换行显示,怎么解决呢?其实很简单,一两个属性就搞定啦
以饼图为例 其他Echarts图形的换行显示都是换汤不换药,写法类似
修改前的效果:
想要的效果:
需要修改formatter属性(两个方法 选择其一即可)
注意:在tooltip中使用</br>生效 在series label里面 \n 生效
直接贴代码
注意:高亮代码
option = {
tooltip: {
trigger: 'item',
// formatter: '{a} {b}: {c}({d}%)'
formatter: '{a} <br/>{b}: {c}<br/> ({d}%)'