adoin / echarts-bus

能自动切换主题的Echarts

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

魔改的Echarts 能自动切换主题。

用法是 项目内安装mitt

npm install mitt echarts-bus
import mitt from 'mitt';
window.__echarts_mitt_watcher = mitt<MEvents>();

切换主题位置

    // 比如 我只有darkmode 来决定主题(light、dark) 
    window.__echarts_mitt_watcher.emit('setTheme', darkMode ? 'dark' : 'light');
    window.__echarts_current_theme = darkMode ? 'dark' : 'light';

light和默认主题不一样,想要默认主题的可以light换成无效的主题比如 'none

    window.__echarts_mitt_watcher.emit('setTheme', darkMode ? 'dark' : 'none');
    window.__echarts_current_theme = darkMode ? 'dark' : 'none';

除此之外的操作和Echarts一样,放心大胆地写你的实例,主题会全局处理。

About

能自动切换主题的Echarts

License:Apache License 2.0


Languages

Language:TypeScript 88.7%Language:JavaScript 11.1%Language:Smarty 0.1%Language:HTML 0.0%Language:Shell 0.0%