Echarts 配色设置

date

Feb 2, 2020

slug

echart-2

status

Published

“主题”是 ECharts 图表的风格抽象，用于统一多个图表的风格样式。使用主题在线构建工具，可以快速直观地生成主题配置文件，并在 ECharts 中使用自定义的主题样式。

在此主题的基础上，你仍然可以使用 setOption 覆盖或设置主题样式。

ECharts 官方提供 default、infographic、shine、roma、macarons、vintage 等主题，可供下载使用。

进入主题构建工具，在左侧菜单栏即可看到许多配置选项，首先把主题进行命名，还可以选择官方内置的默认方案，也可以在基础配置当中进行默认颜色的设置，如坐标轴，标题，线的颜色，其中线的颜色可以对第2.3.4...根线进行设置，同时官方还提供以下配置:

为了便于二次修改，主题构建工具支持导入、导出配置项，导出的配置可以通过导入恢复配置项。导出的 JSON 文件仅用于在本工具中导入使用，而不能直接作为主题在 ECharts 中注册。

配置完你的主题之后，可以下载为js或者Json文件，可以在项目中引入文件并使用主题。

本人十分喜欢阿里家G2Plot的配色方案，于是按照其配色表构建了一套Echarts主题，如下：

theme.js themename:Penguin