Echarts自定义提示框

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

我是一个小码农2

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

阅读量231

点赞数

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

本文链接：https://blog.youkuaiyun.com/Pengchao94/article/details/118440748

版权

前端专栏收录该内容

15 篇文章

订阅专栏

此博客详细讲解了如何使用tooltip组件实现数据可视化中的动态标记和系列名称展示，通过`axis`触发器和自定义formatter函数，展示了两个数据系列的数值及其单位，便于快速理解数据分布。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    tooltip: {
      trigger: "axis",
      formatter: function (a) {
        console.log(a);
        return (
          a[0].name +
          "<br/>" +
          a[0].marker +
          a[0].seriesName +
          "：" +
          Math.abs(a[0].value) +
          "个" +
          "<br/>" +
          a[1].marker +
          a[1].seriesName +
          "：" +
          Math.abs(a[1].value) +
          "个"
        );
      },
    },

在这里插入图片描述