echarts 自动刷新_echarts画图需要每隔5秒定时刷新，怎样消除之前画的图？

实现一个图表，用echarts画好了，但需要每隔5秒刷新数据生成新的图标

html:

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也是同样的效果.所以应该怎样清除之前绘制的图表？

请各位前辈大神看一下问题是出在哪里？小妹谢过~【抱拳】