O projeto usa um gráfico de linha e os dados nele estão na forma de uma matriz.
Requisito: solicite os dados mais recentes a cada dois segundos e, em seguida, atualize para a matriz.
Problema: sempre que os dados são solicitados, a função echarts precisa para ser chamado uma vez, caso contrário os dados não serão atualizados acima, mas será criado toda vez que for chamado, porque o dom foi criado uma vez. Isso causará um aviso; solução: julgar que já existe uma instância echarts
, se não existir, crie, caso contrário, não crie. O
código acima:
// 在export default外面
let rateChart;
// 在echarts函数里面
drawCharts() {
if (rateChart != null && rateChart != "" && rateChart != undefined) {
rateChart.dispose(); //销毁
}
rateChart = Echarts.init(this.$refs.main);
// 函数最下面
option && rateChart.setOption(option);
}