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

}

},

相关推荐
We་ct13 小时前
前端包管理工具与Monorepo全面解析
前端·javascript·npm·pnpm·yarn·monorepo·包管理
ZPC821013 小时前
moveit servo 发指令给real arm
java·前端·数据库
油丶酸萝卜别吃13 小时前
高效处理数组差异:JS中新增、删除、交集的最优解(Set实现)
开发语言·前端·javascript
GISer_Jing13 小时前
前端动画技术全解析:从GIF到WebGPU
前端·ai·动画·webgl
LIO13 小时前
Vue3 + TS 企业级工程化项目全套实战(Vue3 + Vite + Pinia + VueRouter + Element Plus)
前端·vue.js
gskyi13 小时前
时间格式化神器:智能显示相对时间
开发语言·javascript·ecmascript
李昊哲小课13 小时前
安装 npm/pnpm/yarn 换国内镜像 统一目录管理全局包+缓存
前端·缓存·npm·pnpm·yarn
挖稀泥的工人13 小时前
AI 打字跟随优化
前端·javascript·vue.js
jiayong2313 小时前
第 11 课:把筛选条件同步到 URL
开发语言·前端·javascript