Echarts数据可视化 第5章 色彩搭配 5.2 色彩设置

Echarts 数据可视化

文章目录

• • • Echarts 数据可视化
    • 第 5 章 色彩搭配

Echarts 数据可视化：入门、实战与进阶

第 5 章 色彩搭配

5.2 色彩设置

除了之前我们讲到的直接应用整个主题 js 的效果，有时候我们或许会想需要自己搭配色彩或者在官方主题的基础上修改。

这里官方也给了我们一个所见即所得的色彩设置工具，

官网地址：https://echarts.apache.org/zh/theme-builder.html

这是默认效果

点击即可更改

在下面往下滑，可以看到每一项的颜色设置

当然我们可以通过点击来根据自己的需要进行改变

当设置满意后

可以把这个主题下载下来

可以取一个自己好记的名字

比如笔者这里这样修改之后

把这个 js 文件下来，

现在就可以在我们自己图中去加载这个样式了

渲染效果

当然我们也可以在这个基础上直接对 option 配置项进行更改

这就是在色彩主题的基础上进行修改的方法。