erwei1983 2021-06-12 15:42 采纳率: 100%
浏览 386
已采纳

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

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

  • 写回答

2条回答 默认 最新

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

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

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

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

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

     

    option里面

    option = {
    
    animation:false
    
    }
    
    if (option && typeof option === 'object') {
        myChart.setOption(option);
    }
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥20 易康econgnition精度验证
  • ¥15 msix packaging tool打包问题
  • ¥28 微信小程序开发页面布局没问题,真机调试的时候页面布局就乱了
  • ¥15 python的qt5界面
  • ¥15 无线电能传输系统MATLAB仿真问题
  • ¥50 如何用脚本实现输入法的热键设置
  • ¥20 我想使用一些网络协议或者部分协议也行,主要想实现类似于traceroute的一定步长内的路由拓扑功能
  • ¥30 深度学习,前后端连接
  • ¥15 孟德尔随机化结果不一致
  • ¥15 apm2.8飞控罗盘bad health,加速度计校准失败