[vue3 echarts] echarts 动态数据更新 setInterval

const initChart = () => {chartInstance.value = echarts.init(chartRef.value);const option = {// ...图表配置项};chartInstance.value.setOption(option);
};const updateData = () => {// 更新数据const newData = {// ...新数据};chartInstance.value.setOption({series: [{data: newData,}],});
};onMounted(() => {initChart();setInterval(updateData, 1000); // 每秒更新一次数据
});onUnmounted(() => {clearInterval(updateData);
});

参考：

Vue3+ECharts实现动态数据可视化：轻松掌控实时数据变化