最简单更改全局样式的方式,是直接采用颜色主题(theme)
ECharts4除了默认主题之外,内置两套主题,分别为light和dark
var chart = echarts.init(dom, 'light');
var chart = echarts.init(dom, 'dark');
如果是自定义主题,可以保存为JSON文件,进行加载和注册
// 假设主题名称是 "vintage"
$.getJSON('xxx/xxx/vintage.json', function (themeJSON) {
echarts.registerTheme('vintage', JSON.parse(themeJSON))
var chart = echarts.init(dom, 'vintage');
});
如果主题保存为UMD格式的js文件,则可以直接引入js文件
// HTML 引入 vintage.js 文件后(假设主题名称是 "vintage")
var chart = echarts.init(dom, 'vintage');
// ...