[Feature Request] 📈 折线图在动态数据下的动画效果优化

[dengfuping]

竞品对比

• G2 折线图动画直接是对 path 做插值，导致效果比较诡异。虽然可以关闭 animation 达到向左侧偏移的效果，但动画又比较生硬。
• ECharts 和 HighCharts 的实时动画就比较自然，希望能对齐。

图表库	动画效果
G2Plot	https://g2plot.antv.antgroup.com/examples/dynamic-plots/basic/#dynamic-spline 开启动画效果: 关闭动画效果 (设置 animation: false):
ECharts	https://echarts.apache.org/examples/zh/editor.html?c=dynamic-data2
HighCharts	https://www.highcharts.com/demo/dynamic-update

[pearmini]

非常好的建议，对于时序图可能需要特殊处理一下。

[dengfuping]

非常好的建议，对于时序图可能需要特殊处理一下。

@pearmini 有好的优化思路吗？可以参与一起实现

[pearmini]

目前的思路就是：

• 关闭默认的动画
• 自定义一个针对这种情况的折线图

自定义的思路如下：

• 删除上一帧的 Path
• 这一帧的 Path 首先平移到上一帧的位置（根据新老数据计算）
• 对 translate 属性进行差值动画，平移到这一帧的位置。

[hustcc]

@dengfuping 这里有参考的算法。

[dengfuping]

@dengfuping 这里有参考的算法。

ECharts 的 demo 只有生成和更新动态数据的逻辑，动画是在其内部实现的，不太有参考的意义