动态切换主题及自定义ECharts主题

1.ECharts的默认的主题（theme）基本能满足大多数需求，但是，对于一个对颜色样式追求极致的人，可能ECharts的默认的主题已不能满足需求。

2.ECharts为图表提供了多种主题，可以动态切换主题，在其官网上就提供了vintage，dark，macarons，infographic，shine，roma几种主题的选择。

3.ECharts还有主题构造工具，用于自定义ECharts主题，以做到个性化定制。

4.ECharts是一款原生js写的图表类库，ECharts为打造一款数据可视化平台提供了良好的图表支持。百度Echarts团队提供了几种风格的主题。切换Echarts4.x主题的三个步骤：

第1步：下载主题文件。

在使用主题之前需要下载主题.js文件(在ECharts官网上下载官方提供的主题，如：macarons.js，或者自定义主题)，下载地址：https://www.echartsjs.com/zh/download-theme. html。如图6‑5所示。

第2步：引用主题文件。

将下载得到的主题.js文件引用到HTML页面中。注意，如果ECharts主题中需要使用到jquery，则还应该再在页面中引用jquery的.js文件。

第3步：指定主题名。

ECharts对象初始化时，通过第2个参数来指定第2步所引入的主题名。如：var myChart = echarts.init(document.getElementById('main'),主题名) 。

 

案例演示：

 

 

 

效果图：