使用antv g2遇到的问题总结-点击柱状图阴影区域

使用antv g2中的柱状图,当数据很少的时候,点击区域很小,如何处理这个问题呢?

一:问题

使用antv g2遇到的问题总结-点击柱状图阴影区域_第1张图片
如何解决:

this.chart.on('plotclick', ev => {
        const records = this.chart.getSnapRecords({x: ev.x, y: ev.y});
        console.log(records);
        const data = records[0]._origin;
        if (data) {
          // do something
        }
      });

解释:
plotclick:点击柱状图的后面的区域
使用antv g2遇到的问题总结-点击柱状图阴影区域_第2张图片
完美解决,需要的自取。哈哈哈。。。。

你可能感兴趣的:(antv,g2,javascript,vue.js)