ecahrts图表的提示框信息

ecahrts图表中tooltip中有个formatter,按照ecahrts官方文档,可以写成函数的形式

   tooltip: {

            trigger: "axis",

            axisPointer: {

              type: "cross",

              label: {

                backgroundColor: "#7e93d4", // 图标的颜色

              },

            },

// formatter函数这里会传入一个params参数,在写的时候可以打印一下params,里面的信息可以为你所用,然后就可以按照你想要的方式对提示框进行修改编辑了

            formatter: function (params) {

              let outPut = '';

              params.forEach(item => {

                item.data = item.data > 1000 ? (item.data / 1000).toFixed(3) + '  ' + 'k' : item.data

                outPut += `${item.marker} ${item.seriesName} : <span style="font-weight:bold">${item.data}</span><br/>`

              });

              return (`${params[0].name}<br/>` + outPut)

            }

          },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值