antvis/G2

Do you want to work on this issue?

You can request for a bounty in order to promote it!

折线图监听事件不灵敏 #6151

Calmio-Y posted onGitHub

问题描述

配置click后,点击事件不能实时触发 import { Chart } from '@antv/g2';

const data = [ { year: '1991', value: 3 }, { year: '1992', value: 4 }, { year: '1993', value: 3.5 }, { year: '1994', value: 5 }, { year: '1995', value: 4.9 }, { year: '1996', value: 6 }, { year: '1997', value: 6 }, { year: '1998', value: 6 }, { year: '1999', value: 13 }, ];

const chart = new Chart({ container: 'container', autoFit: true, });

chart .data(data) .encode('x', 'year') .encode('y', 'value') .scale('x', { range: [0, 1], }) .scale('y', { domainMin: 0, nice: true, });

chart.line().label({ text: 'value', style: { dx: -10, dy: -12, }, });

chart.point().style('fill', 'white').tooltip(false); chart.on('element:click', (e) => { console.log('基础折线图',e.data.data); // 展示点击的数据 }); chart.render();

重现链接

No response

重现步骤

No response

预期行为

我期望看到点击折线能实时触发click事件

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox]

屏幕截图或视频(可选)

No response

补充说明(可选)

No response


image 目前定位到问题应该是悬浮的mark层级高于折现的mark,不知道有什么好的解决办法。

posted by the-lemonboy 11 months ago

Fund this Issue

$0.00
Funded
Only logged in users can fund an issue

Pull requests