G2
G2 copied to clipboard
elementHighlight在折线图中设置无效
问题描述
` 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: 7 }, { year: '1998', value: 9 }, { 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], }) .interaction('elementHighlight', { background: true }) .scale('y', { domainMin: 0, nice: true, });
chart.line().label({ text: 'value', style: { dx: -10, dy: -12, }, });
chart.point().style('fill', 'white').tooltip(false);
chart.render();
`
重现链接
https://codesandbox.io/p/sandbox/crazy-fire-35tpfw?file=%2Findex.ts%3A13%2C3
重现步骤
No response
预期行为
隐藏高亮线
平台
- 操作系统: [macOS, Windows, Linux, React Native ...]
- 网页浏览器: [Google Chrome, Safari, Firefox]
屏幕截图或视频(可选)
No response
补充说明(可选)
No response