首先先创建自定义主题:
创建方式:Echarts自定义主题工具使用以及创建自定义主题
将定制的主题复制其的json格式代码:
也可以直接下载,按照图上所给的教程使用也可以。
这里采用的是复制的方式
复制完成之后,在Vue项目的/src/assets
下新建一个theme.js
文件
文件中写入以下代码:
const theme = 刚刚复制的json代码粘贴到此处;
export default theme
然后在你要使用echarts的组件里面进行引用:
// 引入自定义主题
import theme from "../assets/theme";
// 注册主题
this.$echarts.registerTheme("theme", theme);