学无先后,达者为师

网站首页 编程语言 正文

echarts多个series进行自定义tooltip的数据显示

作者:ChangYan. 更新时间: 2023-07-08 编程语言

如图,我有两组数据要进行显示,后边要跟的内容不同,第一组数据显示K,第二组数据显示%
在这里插入图片描述

所以需要用到的是tooltip下面的`formatter``,具体代码如下:

        tooltip: {
          trigger: 'axis',
          axisPointer: { animation: false },
          appendToBody: true,
          formatter: (params) => {
            return `<div style="text-align:left">` + params[0].marker + params[0].seriesName + `<b style="float: right">` + params[0].value + `K</b></div>
                    <div style="text-align:left">` + params[1].marker + params[1].seriesName + `<b style="margin-left: 10px; float: right">` + params[1].value + `%</b></div>`
          }
        },

其中params就是表示当前的数据,params[0]表示的是第一组数据,params[1]表示的是第二组数据,对它们的展现形式分别进行定义。然后就可以有如图展示了!

原文链接:https://blog.csdn.net/changyana/article/details/128615514

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新