Echarts学习笔记之样式篇_如何在 echarts 中自定义图表的样式和主题?-CSDN博客

本文链接：https://blog.csdn.net/weixin_41661396/article/details/105338026

这篇博客介绍了Echarts的样式设置，包括颜色主题、背景颜色和调色盘的配置，以及直接的样式设置和高亮样式（emphasis），并提到了visualMap组件在设定样式中的应用。

摘要由CSDN通过智能技术生成

Echarts学习笔记之样式篇

ECharts 提供了丰富的自定义配置选项，并且能够从全局、系列、数据三个层级去设置数据图形的样式。

最简单的更改全局样式的方式，是直接采用颜色主题（theme）。
echarts 4.x+版本除了默认主题外，内置两大主题，“light”和“dark”，可通过如下设置：

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

除此之外，可以通过echarts主题编辑器自定义主题。大致流程为：自定义主题 > 导出对应文件 > 引入 > 使用。

背景颜色为全局设置，在config中配置，默认无背景颜色，其值可以为rgb(a)也可以为十六进制的颜色值，也可以自动实现渐变或者纹理填充。

setOption({
    backgroundColor: '#2c343c'
})

调色盘，可以在 option 中设置。它给定了一组颜色，图形、系列会自动从其中选择颜色。可以设置全局的调色盘，也可以设置系列自己专属的调色盘。

option = {
    // 全局调色盘。
    color: ['#c23531', '#2f4554', ...'],

    series: [{
        typ