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

Echarts数据可视化

文章目录

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

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

第5章色彩搭配

5.2 色彩设置

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

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

在这里插入图片描述

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

在这里插入图片描述

这是默认效果

在这里插入图片描述

点击即可更改

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

当设置满意后

在这里插入图片描述

可以把这个主题下载下来

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

把这个js 文件下来，

在这里插入图片描述

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

在这里插入图片描述

渲染效果

在这里插入图片描述

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

在这里插入图片描述

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

标签

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

Echarts数据可视化

文章目录

第5章色彩搭配

5.2 色彩设置

运行pnpm run dev时报错分析：Failed to scan for dependencies from entries: C:/xxx.index.html

pnpm v9 正式发布，已停止 Node.js v16 支持

npm 全局配置

certificate has expired or is not yet valid：npm和node证书过期问题

vue大屏轮播（跑马灯）实现思路

Vite Vue 3 项目中使用 Element Plus

Vue3通透教程【十六】TS编译配置

【Nginx 】Nginx 部署前端 vue 项目

tsc : 无法将“tsc”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

封装Vue3 TypeScript中的useRequest网络请求Hook

前端哥

Excel-to-JSON开源项目指南

JSON parse error: Unexpected character (‘t‘ (code 116)): was expecting double-quote to start field n

大数据-173 Elasticsearch 索引操作增删改查详细 JSON 操作

在HarmonyOS应用开发中配置hvigor-config.json5指定版本号

json字符串， string转json

【开源】APIJSON 框架

【Python报错已解决】 raise JSONDecodeError(“Expecting value“, s, err.value) from None

Windows下VScode配置C/C 的编译、运行和调试（json文件详细解析）

[项目][boost搜索引擎#3] Searcher模块 | 单例设计 | 去重 | 构建json

运行pnpm run dev时报错分析：Failed to scan for dependencies from entries: C:/xxx.index.html

1
【Echarts系列】—— 实现电池图、3D立体圆形柱状图

2024-03-03 11:03:011001

2
TypeScript 中的 Number 类型，Number 类型的特性、常见操作和注意事项

2024-09-30 23:09:061000

3
CSS写代码使页面划分为左右两个区域

2024-09-09 00:09:071000

4
vue使用datav echarts

2024-09-06 00:09:381000

5
使用TweenMax.js和CSS3创建冰球运动员动画效果教程

2024-09-04 23:09:411000

6
使用CDN提高jQuery加载速度

2024-08-24 23:08:211000

7
小兔鲜儿网页首页制作黑马程序员前端基础项目自学笔记

2024-08-19 22:08:161000

8
《Vue》你的弹窗能拖动吗？Vue自定义指令实现可拖动弹窗

2024-08-19 22:08:121000

9
npm的使用

2024-08-18 00:08:131000

10
JavaScript与jQuery：昔日王者与现代前端的交响曲【含代码示例】

2024-07-30 22:07:311000

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

Echarts数据可视化

文章目录

第5章 色彩搭配

5.2 色彩设置

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

第5章色彩搭配