首页 > 开发 > HTML > 正文

echart图表过渡动画

2017-09-09 13:19:19  来源: 网友分享

项目中的一个功能用到了echart图表的折线图,由于数据量比较大从进入页面到等待图表加载的过程时间比较长,想要在显示之前出一个加载的效果,这个使用echart本身能不能做呢

解决方案

可以。
myChart.showLoading()直接调用就行了。
之后加载了,再myChart.hideLoading().使用的是Echatr3.
*看了下ID,上个折线图的答案。。。那我就详细点写吧。

myChart.showLoading();  //加载数据之前myChart.setOption(option)  //载入除数据之外的基本配置$.get('data.json').done(function(data){    myChart.hideLoading();    myChart.setOption({        // 传入data    });});