echarts设置tooltip后有白色背景

最新推荐文章于 2024-03-05 11:28:22 发布

VIP文章举头三尺有神农

最新推荐文章于 2024-03-05 11:28:22 发布

阅读量1.5k

点赞数 1

分类专栏： echarts 文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/M__Yang_/article/details/126498511

版权

自定义背景tooltip代码

     tooltip: {
          trigger: "item",
          formatter: function (params) {
            //使用formatter函数修改需要的样式
            let res = "";
            res +=
              `<div style="background:url(${require('../../assets/image/tooltipbg.png')}) no-repeat 100% 100%; width:111px;height:65px;">` +
              '<div style="color:#fff;padding:10% 1%;font-size:14px">' +
              '<span style="border:4px solid #fff;border-color:transparent transparent transparent #66FFFF">' +
              "</span>" +
              "<span>" +
              params.name +
              "</span>" +
              "</div>"