[Feature Request] 📈 折线图在动态数据下的动画效果优化
- Dominant language
- TypeScript
- Stars
- 12.6k
- Forks
- 1.7k
- PR merge metrics
- No merged PRs in 30d
Description
# 竞品对比
- G2 折线图动画直接是对 path 做插值,导致效果比较诡异。虽然可以关闭 animation 达到向左侧偏移的效果,但动画又比较生硬。
- ECharts 和 HighCharts 的实时动画就比较自然,希望能对齐。
| 图表库 | 动画效果 |
|----|----|
| [G2Plot](https://g2plot.antv.antgroup.com/) | [https://g2plot.antv.antgroup.com/examples/dynamic-plots/basic/#dynamic-spline](https://g2plot.antv.antgroup.com/examples/dynamic-plots/basic/#dynamic-spline)
开启动画效果:  关闭动画效果 (设置 `animation: false`):  |
| [ECharts](https://echarts.apache.org/) | [https://echarts.apache.org/examples/zh/editor.html?c=dynamic-data2](https://echarts.apache.org/examples/zh/editor.html?c=dynamic-data2)  |
| [HighCharts](https://www.highcharts.com/) | [https://www.highcharts.com/demo/dynamic-update](https://www.highcharts.com/demo/dynamic-update)  |
Contributor guide
Research direction
Start by reproducing the dynamic line-chart behavior shown in the G2Plot dynamic-spline example, comparing animation enabled with animation: false. Review the linked ECharts dynamic-data2 and HighCharts dynamic-update examples for the target behavior. Done means dynamic line-chart updates animate naturally rather than interpolating the path in a jarring way.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- data-visualization
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100