antvis/G2
The issue has been closed
组件动画 title 异常 #4920
pearmini posted onGitHub
- 链接:http://localhost:8002/examples/storytelling/storytelling/#point-keyframe
- 版本:5.0.4
- 描述:变换之后 title 消失了
<img src="https://user-images.githubusercontent.com/49330279/234497089-54e5b39a-8fd0-4bfc-b3f7-35ffb21d36d3.png" width=640 />
import { Chart } from '@antv/g2';
fetch(
'https://gw.alipayobjects.com/os/bmw-prod/fbe4a8c1-ce04-4ba3-912a-0b26d6965333.json',
)
.then((res) => res.json())
.then((data) => {
const chart = new Chart({
container: 'container',
theme: 'classic',
paddingTop: 60,
paddingLeft: 100,
});
const keyframe = chart
.timingKeyframe()
.attr('direction', 'alternate')
.attr('iterationCount', 4);
keyframe
.interval()
.data(data)
.transform({ type: 'groupX', y: 'mean' })
.encode('x', 'gender')
.encode('y', 'weight')
.encode('color', 'gender')
.encode('key', 'gender');
keyframe
.point()
.data(data)
.encode('x', 'height')
.encode('y', 'weight')
.encode('color', 'gender')
.encode('groupKey', 'gender')
.encode('shape', 'point');
chart.render();
});