echarts tootip文字较多需回行显示问题解决方法

 

处理前:

 

处理后:

 

 处理办法:

 

1.设置饼图data对象

 2.设置tooltip文字超出回行显示;(之前试着用className属性,但没起作用)

tooltip: {
                            trigger: 'item',
                            extraCssText: 'max-width:300px; word-break: break-all;white-space:pre-wrap',
                            formatter: function (params) {
                                return `仪器名称:${params.data.equName}</br>仪器编号:${params.data.equCode}</br>预约次数:${params.data.value}`
                            },
                        },

 

posted @ 2022-09-22 10:41  小白&小菜  阅读(422)  评论(0编辑  收藏  举报
我是一个小菜鸟,飞呀飞呀,快飞高