极客观点
项目管理
HarmonyOS
实现一个图表，用echarts画好了，但需要每隔5秒刷新数据生成新的图标
html:
<div class="chartContent">
<div id="multiple"></div></div>
JS:
var echart={
arrPrice:[],
arrRate:[],
time:[]};
//***我用了一个getData（）来通过ajax实现获取实时数据；***
function getData(){
$.ajax({
url:'mod.json',
type:'post',
async:true,
data:'',
dataType:'json',
success:function(data){
for(i in data.result){
echart.arrPrice.push(data.result[i].price);
echart.arrRate.push(data.result[i].rise);
echart.time.push(data.result[i].time);
}
drawChart();
},
error:function(){
console.log('error')
}
});
}
**//drawChart()y用来实现echarts画图;**
function drawChart(){
var dom = document.getElementById("multiple");
var myChart = echarts.init(dom);
option = {
xxx
}
]
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
}
然后window.setInterval(function(){
//getData()
},3000);
来实现5秒定时刷新希望得到每5秒图表重绘，但现在结果是这样的：
初始：
5秒后：
10秒后：
我尝试每次重绘前移除“#multiple”重新插入这个div也是同样的效果.所以应该怎样清除之前绘制的图表？
请各位前辈大神看一下问题是出在哪里？小妹谢过~【抱拳】
问题出在这儿，你每次请求数据完成后，绘制图表前都需要把上一次的的数据清空。
echart.arrPrice = [];
echart.arrRate = [];
echart.time = [];