【避坑指“难”】自定义AntV G2 Chart柱状图悬浮框信息

椰卤工程师

已于 2022-04-07 11:50:50 修改

阅读量1k

点赞数 1

分类专栏：超级避坑指难数据可视化前端开发文章标签： react.js antv chart G2

于 2022-04-07 11:35:21 首次发布

本文链接：https://blog.csdn.net/weixin_42224055/article/details/124010579

版权

实现效果如下：
在这里插入图片描述
官方配置如下：

import {
    Chart } from '@antv/g2';

const data = [
  {
    time: '16 Q1', type: '移动游戏', value: 0 },
  {
    time: '16 Q1', type: '移动购物', value: 17.8 },
  {
    time: '16 Q1', type: '移动营销', value: 69.4 },
  {
    time: '16 Q1', type: '共享单车', value: 12.8 },
  {
    time: '16 Q2', type: '移动游戏', value: 0 },
  {
    time: '16 Q2', type: '移动购物', value: 18.1 },
  {
    time: '16 Q2', type: '移动营销', value: 70.7 },
  {
    time: '16 Q2', type: '共享单车', value: 11.2 },
  {
    time: