Echarts中主题设置

前言

主题编辑器地址

https://echarts.apache.org/zh/theme-builder.html

设置主题后我们可以进行下载

我这里保存为waldenTheme.json

引用

页面中引用

import waldenTheme from "@/assets/echarts/theme/waldenTheme.json";

在调用之前注册主题

mounted() {
	echarts.registerTheme("walden", waldenTheme);
}

初始化的时候设置主题

initChart() {
  if (!this.chart) {
    this.chart = echarts.init(this.$el, "walden");
  }
}