echarts tooltip 自定義

最新推荐文章于 2024-07-11 11:16:22 发布

sunny.day

最新推荐文章于 2024-07-11 11:16:22 发布

阅读量170

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/yang__k/article/details/89096976

本文介绍如何在 ECharts 中实现自定义 Tooltip 的显示效果。通过设置触发器和使用 JavaScript 函数 formatter 来定制 Tooltip 的展示样式及内容。具体包括日期格式化以及系列名称与值的动态展示。

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

echarts tooltip 自定義

tooltip: {
          // 触发器
          trigger: "axis",
          axisPointer: {
            type: 'shadow',
          },
          // formatter:'{c}%'
          formatter(params){
            var a='<div><p>日期：'+params[0].name+'號</p></div>' 
            for(var i=0;i<params.length;i++){
               a+='<p>'+params[i].marker+params[i].seriesName+" : "+params[i].value+"%"+'</p>';
            }
            return a;
          }
        },

params內容: