首页
视频
资源
登录
原
颜色渐变,颜色搭配
181
人阅读
2024/3/18 15:50
总访问:
523781
评论:
0
收藏:
0
手机
分类:
前端
[TOC] #### 先看看一组echarts里边的颜色渐变搭配 ``` itemStyle: { normal: { color: (list) => { // 这里设置颜色与渐变色,注意 !! 这里的数组一定要和实际的类目长度相等或大于,不然会缺少颜色报错 var colorList = [ { colorStart:'#488BFF', colorEnd:'#9abffd' }, { colorStart:'#26CEBA', colorEnd:'#8efaed' }, { colorStart:'#FFC069', colorEnd:'#fadfba' }, { colorStart:' #FD6865', colorEnd:'#f8b2b1' } ] return new echarts.graphic.LinearGradient(1, 0, 0, 0, [{ //左、下、右、上 offset: 0, color: colorList[list.dataIndex]['colorStart'] }, { offset: 1, color: colorList[list.dataIndex]['colorEnd'] }]) } } }, ``` #### 温柔梦幻的渐变配色: ``` #feada6-->#f5efef #a8edea-->#fed6e3 #bdc2e8-->#e6dee9 #a1c4fd-->#c2e9fb #E3FDF5-->#FFE6FA #fddb92-->#d1fdff #fff1eb-->#ace0f9 #e9defa-->#fbfcdb ``` 参考:https://mbd.baidu.com/newspage/data/dtlandingsuper?nid=dt_5271229585303051186 #### echarts更多颜色搭配: ``` itemStyle: { normal: { color: (list) => { // 注意 !!!!! 这里的数组一定要和实际的类目长度相等或大于,不然会缺少颜色报错 var colorList = [ { colorStart: '#488BFF', colorEnd: '#9abffd' }, { colorStart: '#26CEBA', colorEnd: '#8efaed' }, { colorStart: '#FFC069', colorEnd: '#fadfba' }, { colorStart: '#FD6865', colorEnd: '#f8b2b1' }, { colorStart: '#bdc2e8', colorEnd: '#e6dee9' }, { colorStart: '#faada6', colorEnd: '#f5efef' }, { colorStart: '#ef025e', colorEnd: '#ef025e' }, { colorStart: '#a7876d', colorEnd: '#bdc0a8' }, { colorStart: '#a6bce8', colorEnd: '#a6bce8' }, { colorStart: '#6dc1f1', colorEnd: '#bcf1f2' }, { colorStart: '#55abc1', colorEnd: '#77cbb1' } ] return new echarts.graphic.LinearGradient(1, 0, 0, 0, [{ // 左、下、右、上 offset: 0, color: colorList[list.dataIndex]['colorStart'] }, { offset: 1, color: colorList[list.dataIndex]['colorEnd'] }]) } } ```
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739
👈{{preArticle.title}}
👉{{nextArticle.title}}
评价
{{titleitem}}
{{titleitem}}
{{item.content}}
{{titleitem}}
{{titleitem}}
{{item.content}}
只若初见
如果有缘,错过了还会重来,如果无缘,相遇了也会离开
博主信息
排名
6
文章
6
粉丝
16
评论
8
文章类别
架构
9篇
后端
3篇
.net
8篇
前端
52篇
nginx
1篇
.net core
6篇
EF
5篇
随笔
8篇
数据库
9篇
k8s
0篇
consul
1篇
git
1篇
uniapp
3篇
mysql
1篇
linux
1篇
最新文章
最新评价
{{item.articleTitle}}
{{item.blogName}}
:
{{item.content}}
关于我们
ICP备案 :
渝ICP备18016597号-1
网站信息:
2018-2024
TNBLOG.NET
技术交流:
群号656732739
联系我们:
contact@tnblog.net
欢迎加群
欢迎加群交流技术