最新在迁移博客主题halo-theme-fluid，其中分类列表和标签列表想用echarts图表进行展示，但是在切换主题自带的深色背景时，echarts并没有改变。其实echarts是自带深色主题的，可以在初始化的时候指定：
echarts.init(document.getElementById('categoryChart'),'dark');
但是，怎么变成明亮模式呢？可以调用dispose()方法，重新对图表进行渲染。
// 释放资源
myChart.dispose();
// 重新渲染图表
myChart = echarts.init(document.getElementById('categoryChart'),'light');
myChart.setOption(option);
但是如果切换模式的位置和图表不在同一个页面怎么办呢？这时候可以用自定义事件的方法进行处理。
const customEvent = new CustomEvent('themeEvent', {
detail: {
theme: current
}
});
document.dispatchEvent(customEvent);
其中current为当前的模式，如：‘dark’
在图表的页面可以这样处理
document.addEventListener('themeEvent',function (e){
// 释放资源
myChart.dispose();
// 重新渲染图表
myChart = echarts.init(document.getElementById('categoryChart'),e.detail.theme);
myChart.setOption(option);
})