echarts中itemStyle的color设置渐变色

  • x : 从左向右 1 ------> 0
  • x2:从右向左 1 ------> 0
  • y:从上向下 1 ------> 0
  • y2:从下向上 1 ------> 0

itemStyle: {

color: {

type: 'linear',

x: 1,

y: 0,

x2: 0,

y2: 0,

colorStops: [

{

offset: 0, color: '#04D37C' // 0% 处的颜色

},

{

offset: 1, color: '#008C8C' // 100% 处的颜色

}

],

global: false // 缺省为 false

}

},

相关推荐
我命由我123452 小时前
前端开发概念 - 无障碍树
javascript·css·笔记·学习·html·html5·js
ZC跨境爬虫3 小时前
跟着 MDN 学 HTML day_29:(动态构建与更新 DOM 树)
前端·javascript·ui·html·html5·媒体
编程技术手记3 小时前
html table布局平衡
前端·html
huoyueyi3 小时前
3D数字孪生项目 LCP 优化指南
前端·3d·几何学
菜鸟小芯4 小时前
【腾讯位置服务开发者征文大赛】校园美食雷达 —— 基于 CodeBuddy + 腾讯 LBS 开发实战
前端·美食
搜狐技术产品小编20234 小时前
深度解析与业务实战:将 screenshot-to-code 改造为支持 React + Ant Design 的前端利器
前端·javascript·react.js·前端框架·ecmascript
Rik4 小时前
Cursor Rules 深度玩法:从全局配置到项目级规则,让 AI 真正理解你的项目
前端·后端
weixin_471383034 小时前
set和map结构,减少O(n)复杂度
前端·javascript
hunteritself4 小时前
GPT Image2 + Seedance 2.0:3 小时从剧本到 AI 互动影游,深度实测复盘
前端·数据库·人工智能·深度学习·transformer
独秀不如众秀4 小时前
前端页面引擎协议:由浅入深——从 30 行到 vform3 的演化之路
前端