echarts给悬浮提示框添加单位，自定义悬浮提示框

最新推荐文章于 2024-08-29 08:41:00 发布

前端程序员杨青文

最新推荐文章于 2024-08-29 08:41:00 发布

阅读量2.5k

点赞数 3

文章标签： echarts javascript 前端

本文链接：https://blog.csdn.net/yqw13989575652/article/details/126034637

版权

本文介绍了如何在ECharts图表中为悬浮提示框添加单位，通过自定义tooltip实现更个性化的数据显示，提升前端数据可视化效果。

摘要由CSDN通过智能技术生成

methods: {
    chartInit() {
      var chartDom = document.getElementById("chartBar");
      this.chart = echarts.init(chartDom);
      let option = {
        color: ["#339a94", "#70c1b3", "#ff9f41", "#ffa54d"],
        tooltip: {
          trigger: "axis",
          showContent: true,
          formatter: function (params) {
            for (let i = 0; i < params.length; i++) {
              var relVal = params[i].name;
            }
            for (let i = 0; i < params.length; i++) {
                let unit = "个";
                if (params[i].seriesName == "同比变化") {
                    unit = "%";
                }
                relVal +=
                "<br/>" +