[JavaScript知识库]03-echarts主题和调色盘

主题

1、内置主题

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

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

2、自定义主题

打开echarts官网，找到下载中的主题下载
进入后，点击定制主题

然后找一个你喜欢的主题，下载它

得到一个文件，itcast.js.txt，引入html

得到这种风格的主题。

调色盘

1、主题调色盘

2、全局调色盘

全局调色盘会覆盖主题调色盘。

3、局部调色盘

局部调色盘会覆盖前两种调色盘，主题调色盘和全局调色盘。

调色盘的作用遵循就近原则。

颜色渐变

1、线性渐变

2、径向渐变

样式

高亮样式

自适应

当浏览器的大小发生变化的时候，如果想让图表也能随之适配变化
1、监听窗口大小变化事件
2、在事件处理函数中调用Echarts实例对象的resize即可。