五、ECharts高级

五、ECharts高级

1、显示相关

1.主题

默认主题

ECharts 中默认内置了两套主题: light dark

在初始化对象方法 init 中可以指明

var chart = echarts.init(dom, 'light')

var chart = echarts.init(dom, 'dark')

自定义主题

1.在主题编辑器中编辑主题

主题编辑器的地址为: https://echarts.apache.org/zh/theme-builder.html

在该地址中, 你可以定义一个主题的很多方面的内容:

2.下载主题, 是一个 js 文件

在线编辑完主题之后, 可以点击下载主题按钮, 下载主题的js文件

3.引入主题 js 文件

<script src="js/echarts.min.js"></script>

<script src="js/myTheme.js"></script>

其中, cast.js 就是下载下来的主题文件

4.在 init 方法中使用主题

var mCharts = echarts.init(document.querySelector("div"), 'myTheme')

init方法中的第二个参数myTheme就是主题的名称, 这个名称叫什么我们可以在myTheme.js的代码中看出