echarts tooltip文字太长换行

最新推荐文章于 2024-08-13 18:38:25 发布

傻的太坏

最新推荐文章于 2024-08-13 18:38:25 发布

阅读量934

点赞数 2

文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/weixin_38897313/article/details/129989388

版权

tooltip文字太长换行，设置了宽度也没有换行，加上一句：
extraCssText: ‘max-width:300px; white-space:pre-wrap’,
没加之前是这样：
在这里插入图片描述

加上之后 extraCssText: ‘max-width:300px; white-space:pre-wrap’,

 tooltip: {
                        trigger: "item",
                        extraCssText: 'max-width:300px; white-space:pre-wrap',
                        formatter: function (params) {
                            return ` ${params.seriesName}
                                    <div style="display: flex;align-items: center;justify-content: space-between;margin-top:-15px;">
                                        <span>${params.marker} ${params.name}</span>
                                        <b style="flex:1;margin-left:10px;">${params.value}件 ${params.percent}%</b>
                                    </div>`
                        }
                    },

效果图：
在这里插入图片描述