echarts图表组件中封装图表刷新函数

在ECharts这个强大的数据可视化库中，创建图表并动态更新数据是很常见的需求。为了方便管理，你可以封装一个函数来刷新图表，通常包括以下几个步骤：

1. **初始化图表**：首先，在需要刷新图表的地方，你需要通过`echarts.init()`方法创建一个新的ECharts实例，并配置好图表的基本信息，如图表类型、尺寸、标题等。

const chart = echarts.init(document.getElementById('main'));

2. **设置图表数据**：创建一个方法，接收新的数据作为参数，然后使用`setOption`方法来更新图表的数据部分，例如：

function refreshChart(newData) {
    chart.setOption({
        data: newData, // 这里替换为实际的数据结构
        ...其他配置项...
    });
}

3. **触发刷新**：当你有新数据需要展示时，只需要调用这个`refreshChart`函数并传入新数据即可：

const newSeriesData = ...; // 新的数据数组
refreshChart(newSeriesData);

4. **考虑性能优化**：如果频繁刷新，可能会对性能造成影响，因此可以考虑添加一些条件判断，比如只有当数据真正改变时才刷新，或者使用`update`方法而不是`setOption`。

if (JSON.stringify(oldData) !== JSON.stringify(newData)) {
    refreshChart(newData);
    oldData = newData; // 更新旧数据
}