[apache/echarts]在动画过程中无法获取endLabel的坐标位置

2023-12-14 610 views
2
版本

5.4.2

链接到最小复制

https://www.pionex.com/static/media/grid_zhtw.b27dae30.gif

重现步骤

无效的

目前的行为

比如,动画效果我设置了endLabel的圆点,但是动画过程中我无法获取到endLabel的实时位置;因为我需要根据endLabel的坐标算出横线的位置;

着急,麻烦指点下;

图像 预期行为

期望能够在endLabel.formatter中能够获取到当前的坐标位置;

或者动画动画的每一帧回调上能获取到endLabel的位置也可以。

myChart.getZr().animation.on("frame", function (...arg) {
    console.log(arg);
  });

谢谢。

环境
- OS: mac
- Browser:chrome
- Framework: vue@3
还有其他意见吗?

没有反应

回答

7

类似(并且可能重复)#18742

3

@liubin595338764 你好,我也有类似需求,请问能够提供一下你gif的这个demo参考学习一下吗,谢谢

2

@helgasoft还是有些不一样,他是通过分散来实现的,也没有获取到动画过程中最后一个数据的坐标

1

@minghangben 这是一个gif,还没有demo

5

不建议这样做.getZr().animation.on,因为这是非公开的 API,破坏了 ECharts 的封装。如果您想做出这种效果,建议使用定制系列。

9

@Ovilia请教下有这种例子吗,最好是能在动画过程中获得当前点的坐标数据以及像素位置。需求越来约个性化了

3

固定不变的话Lottie就行,每次数据都变的话或者能动态算lottie或者。。。你搜一下lineAnimationDiff这个方法自己试试魔改一下