echart自定义悬浮tooltip

最新推荐文章于 2024-06-27 14:57:58 发布

swaggy_GM

最新推荐文章于 2024-06-27 14:57:58 发布

阅读量340

点赞数

分类专栏： js vue element

本文链接：https://blog.csdn.net/swaggy_GM/article/details/120024129

版权

echarts

js 同时被 3 个专栏收录

7 篇文章 0 订阅

订阅专栏

vue

4 篇文章 0 订阅

订阅专栏

element

4 篇文章 0 订阅

订阅专栏

formatter(params) {
            let num = `<b >${params[2].value - params[0].value}万元</b>`;
            let per = `<b>${
              ((params[0].value / params[2].value) * 100).toFixed(1) + "%"
            }</b>`;
            var title = `<b style='font-size:20px;display:inline-block;margin-bottom:10px'>${params[0].name}</b>`;
            return (
              title +
              "\n费用预算：" +
              `<b>${params[2].value}万元</b>` +
              "\n实际核销：" +
              `<b style='color:#28b579;'>${params[0].value}万元</b>` +
              "\n预算余额：" +
              num +
              "\n百分比：" +
              per
            );
          },
          extraCssText:
            "width:180px;padding:20px; white-space:pre-wrap;box-shadow: 0 0 0 1px rgba(76, 184, 138, 0.9);",