关于G2的tooltip自定义展示字段的配置

G2的tooltip设置自定义展示字段

  • 这个问题在做可视化大屏展示的时候,也是最头大的一个问题,如果不去设置的话,就是直接展示当前数据的字段名,所以有些用户看到的话,并不太清楚具体代表什么意思。

废话已说,直接上代码!

chart.interval().tooltip("label*doneNums", (x, a) => {
          return {
            name: "次数", // 可自定义显示 默认为传入的值
            value: a, // 这里也可以通过调用其他自定义函数的方式,去对数据进行更深层次的变换
          };
        });
  1. 没有设置之前的效果:
    (这个在官网直接直接截的效果图,我项目中需要改的都已经改过了)
    在这里插入图片描述
  2. 自定义之后的效果:
    在这里插入图片描述
    注意:参数的设置x,a分别是你需要的字段名!

另外种方法:scale()

chart.scale()在这个里边进行接口里边传过来的字段进行处理,但是在项目中在有些图表会没有效果,所以用的不多。

结束语:

希望对大家有所帮助,加油!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值