本系列文章配套代码获取有以下两种途径：
通过百度网盘获取：
链接：https://pan.baidu.com/s/1W26KrZK7RjwgxvulccTA9w?pwd=mnsj 提取码：mnsj
前往GitHub获取：
https://github.com/returu/Data_Visualization
ECharts官方主题是一种基于 ECharts提供的色彩设计方案生成的动态主题，可以直接应用，也可以根据个人需要进一步修改。通过官方主题，我们可以更方便地管理和切换主题，并确保多个主题的稳定性和一致性。
01
官方主题下载与应用：
在ECharts主页菜单中选择【下载→主题下载】，会进入官方主题下载页面。ECharts官方提供了如下六种可选主题（点击相应主题，会自动下载js文件）：
在应用官方主题时，只需要将下载的主题文件引入到ECharts初始化代码中即可：
例如，下图为我们之前文章中（9.ECharts图表绘制——柱状图）中创建的柱状图：
下面，将官方主题引入，代码如下所示：
可视化结果如下图所示：
02
主题编辑器：
使用上面介绍的官方主题时，有时可能需要在官方主题的基础上进行一些修改，此时就需要使用到ECharts主题编辑器。
ECharts 主题编辑器是一个可视化的主题编辑工具，可以让你在浏览器中创建和编辑 ECharts 图表主题。使用 ECharts 主题编辑器，可以轻松地选择颜色、字体、标记等样式，并将其保存为主题，以便在多个图表中重复使用。
在ECharts主页菜单中选择【资源→主题构建工具】，就会跳转到 ECharts 主题编辑器页面。
在左侧的【默认方案】栏下，可以通过不同的色彩主题选择不同的主题样式，然后可以在每一个配置项下进行颜色设置，并能从右侧的可视化图表中实时查看变化。
设置完成后，可以为主题重命名并导出主题。点击【下载主题】，可以选择保存为 JSON 文件或 JavaScript 文件。
自定义主题的使用方法与上述介绍的官方主题一样。
另外，如果使用设置好的主题时，发现有些地方还需要修改，此时就可以使在option中设置主题样式进行覆盖操作。
例如，在主题编辑器中将坐标轴颜色设置为黄绿色，并且将图例文字颜色设置为了黄色，并导出为my_theme.js文件。
但是在后续应用中，想将图例文字设置为白色，就可以在option中legend组件下textStyle中进行文字颜色设置。
// 图例 legend: { data: ["2000年销量", "2001年销量", "2002年销量"], textStyle:{ color:"white" } },
可视化结果如下图所示：
更多参数和配置可以查看官方文档：
1https://echarts.apache.org/zh/option.html
本篇文章来源于微信公众号: 码农设计师