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

}

},

相关推荐
java1234_小锋2 分钟前
【技术专题】HTML5 网页技术 - HTML5 文本与排版标签
前端·html·html5
用户6259411859494 分钟前
vibe coding怎么入门:从自然语言到可运行代码的完整指南
javascript
Wokoo75 分钟前
Selenium:元素定位、动态适配与性能优化(二)
前端·selenium·自动化
用户2788607285676 分钟前
把 restore 当撤销会发生什么?长任务助手的会话与业务状态
前端
℘团子এ7 分钟前
vue3中自定义指令的使用
前端·javascript·vue.js
Ai-_Man10 分钟前
DeepSeek生成的内容能否下载吗?
开发语言·javascript·人工智能·小程序·ecmascript
用户27886072856713 分钟前
别把 AI 查询结果只塞进聊天框:SessionView 与业务页面接线
前端
程序员鱼皮15 分钟前
Personal Agent 是什么?为什么大厂都抢着做?连 DeepSeek Bot 都来了。。
前端·后端·ai编程
用户44028182780719 分钟前
一个人 + TRAE,从 0 到 1 交付一个政务志愿服务平台的全链路实战
前端
代码猎人20 分钟前
微信小程序是什么
前端