Auto Tooltip
import { Chart, ChartEvent } from '@antv/g2';
const chart = new Chart({ container: 'container' });
chart.options({
type: 'interval',
data: [
{ genre: 'Sports', sold: 0 },
{ genre: 'Strategy', sold: 115 },
{ genre: 'Action', sold: 120 },
{ genre: 'Shooter', sold: 350 },
{ genre: 'Other', sold: 150 },
],
encode: { x: 'genre', y: 'sold', color: 'genre' },
style: { minHeight: 50 },
});
chart.on(ChartEvent.AFTER_RENDER, () =>
chart.emit('tooltip:show', {
data: {
data: {
genre: 'Action',
sold: 120,
},
},
offsetY: 100,
}),
);
chart.render();