其他分享
首页 > 其他分享> > echarts更新数据的方法

echarts更新数据的方法

作者:互联网

//初始创建
var myChart = echarts.init(document.getElementById('main'));
var    option = {........}
myChart.setOption(option);
 
function refreshData(data){
     //刷新数据
      var option = myChart.getOption();
      option.series[0].data = data;
      myChart.setOption(option);    
}
refreshData(data);//自定义刷新的时候调用
--------------------- 
作者:前端小狮 
来源:CSDN 
原文:https://blog.csdn.net/m0_37885651/article/details/86700973 
版权声明:本文为博主原创文章,转载请附上博文链接!

注:这的data 需要根据实际情况改变,这只是改了series里第一项的数据,如果有多项,你的data 应该 传个数组,循环给 option.series[i].data 赋值,执行myChart.setOption(option)更新数据。

可以试着 console.log(myChart.getOption()),就可以大概看出它的数据格式,都可以通过对其中的配置 或数据进行 修改 。再重新setOption(option)就可以实现更新了

在进行echarts时遇到的问题,对于echarts数据数据库同步进行刷新是一个问题,等我亲测后,会回复大家的!

标签:option,方法,setOption,myChart,更新,series,data,echarts
来源: https://www.cnblogs.com/yqPhare/p/15921716.html