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

}

},

相关推荐
大怪v19 小时前
AI抢饭?前端佬:我要验牌!
前端·人工智能·程序员
新酱爱学习19 小时前
字节外包一年,我的技术成长之路
前端·程序员·年终总结
小兵张健19 小时前
开源 playwright-pool 会话池来了
前端·javascript·github
IT_陈寒1 天前
Python开发者必知的5大性能陷阱:90%的人都踩过的坑!
前端·人工智能·后端
codingWhat1 天前
介绍一个手势识别库——AlloyFinger
前端·javascript·vue.js
Lee川1 天前
深度拆解:基于面向对象思维的“就地编辑”组件全模块解析
javascript·架构
代码老中医1 天前
2026年CSS彻底疯了:这6个新特性让我删掉了三分之一JS代码
前端
进击的尘埃1 天前
Web Worker 与 OffscreenCanvas:把主线程从重活里解放出来
javascript
不会敲代码11 天前
Zustand:轻量级状态管理,从入门到实践
前端·typescript
踩着两条虫1 天前
VTJ.PRO 双向代码转换原理揭秘
前端·vue.js·人工智能