在echarts中最简单的更改全局样式的方式,是直接采用颜色主题,ECharts5 除了一贯的默认主题外,还内置了'dark'主题:
var myChart = this.$echarts.init(chartDom, 'dark')
其他的主题,没有内置在 ECharts 中,需要自己加载,这些主题可以在主题编辑器中访问到,编辑好以后自己使用,使用方法很简单。
1.在主题编辑器中复制json立面的内容:
2.然后新建一个 .js 文件,文件内容:
const theme = 复制的内容
3.在main.js中引入并注册使用,这样就可以在全局使用了:
import * as echarts from 'echarts'
import theme from "./echarts/mytheme";
echarts.registerTheme("mytheme", theme);
Vue.prototype.$echarts = echarts
4.使用:
var myChart = this.$echarts.init(chartDom, 'mytheme') // 名字和注册名字一样
完成!!!