解决Echarts图表中tooltip无法换行问题

最新推荐文章于 2025-04-16 17:13:36 发布

Э时间行者于我

最新推荐文章于 2025-04-16 17:13:36 发布

阅读量1.1k

点赞数 11

分类专栏： echarts 文章标签： echarts 前端

本文链接：https://blog.youkuaiyun.com/qq_45094682/article/details/139687636

版权

解决Echarts图表中tooltip无法换行问题

这里设置宽度、颜色都是是可以生效的，但就是不换行
echarts

解决办法tooltip. extraCssText

echarts

extraCssText: 'max-width:300px; white-space:pre-wrap'

echarts tooltip

tooltip: {
    // 单个柱子显示悬浮内容
          extraCssText: 'max-width:300px; white-space:pre-wrap',
          formatter: function(params) {
   
            let transportType = '' // 运输方式
            let chineseName = '' // 国家中文名称
            let deliverCount = '' // 发货数量
            let drawCount = '' // 提取数量