echarts 不刷新页面更新数据

匿名 (未验证) 提交于 2019-12-02 23:36:01

【注意】这种方法只适用于:页面仅进行一次图表初始化的情况。

对于多个选项卡中都有图表的情况(选项卡切换时,需要对每个图形重新初始化,此时数据会回到第一次初始化的情况),不适用。

https://blog.csdn.net/wangjiangnan17214/article/details/72844653

横纵坐标都可以更新。

 //chartName:图表名称 //data:键值对数组 //seriesNum: 线条数-1 (针对折线图)  function resetEcharts(chartName,data,seriesNum) {     	//分离出 Name 数组     	var xData = getNameArray(data);         //分离出 value 数组     	var yData = getValueArray(data);                   var option = chartName.getOption();         if(seriesNum==0) {         //只有一条线         	for(var i=0;i<7;i++){  //更新7条数据              	option.xAxis[0].data.shift();              	option.xAxis[0].data.push(xData[i]);              	              	option.series[0].data.shift();              	option.series[0].data.push(yData[i]);             }         }         else{                    //更新第二条线         	for(var i=0;i<7;i++){              	option.series[1].data.shift();              	option.series[1].data.push(yData[i]);             }         }                            chartName.setOption(option);  }

文章来源: https://blog.csdn.net/NRlovestudy/article/details/90737133
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!