erwei1983 2021-06-12 07:42 采纳率: 100%
浏览 387
已采纳

echarts 实现动态数据展示效果。

我现在正在用datav+vue 实现一个大屏展示的系统,我做的一个折线图,现在想实现动态显示效果,我测试了一下,因为数据是从服务端取到的,我做了一个定时器每隔一段时间就去服务器端取一次数据,但是每次都是折线图整个刷新闪一下,然后在显示新的,根本实现不了那种不闪的动画效果。我如果不通信然后把数据随机set进去就可以实现,但是不通信也不行啊,大家有没有什么好的实现方案啊

  • 写回答

2条回答 默认 最新

  • 小P聊技术 2021-06-12 09:47
    关注

    你的意思是不要刷新效果是吗,正常他会有过渡动画的。

    去看了下官网可以加这个配置:

    animation 是否开启动画。一般不做设置。

    animation: true, 默认为true,如果设置了false,那么刷新的时候不会有动画效果,另外这个只要是bool值就行。
    比如: animation: 1>=1, —> true, || animation: 1<1, —> false,

     

    option里面

    1. option = {
    2. animation:false
    3. }
    4. if (option && typeof option === 'object') {
    5.     myChart.setOption(option);
    6. }
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    LuPanAAA 2022-02-28 09:20

    不知道是否可以实现初次加载的那种动态效果。就有X轴从左往右那种渐变的那种动态。

    回复
查看更多回答(1条)
编辑
预览

报告相同问题?

手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部