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

}

},

相关推荐
旷世奇才李先生9 分钟前
Vue 3\+Vite\+Pinia实战:前端工程化与组件化开发全指南
前端·vue.js
Beginner x_u13 分钟前
前端八股整理(手写 01)|Promise 超时控制、红绿灯与 Promise.all
前端·javascript·promise
万少10 小时前
Vibe Coding不停歇,移动端 TRAE SOLO 让你用手机也能编程啦
前端·javascript·后端
kyriewen1110 小时前
WebAssembly:前端界的“外挂”,让C++代码在浏览器里跑起来
开发语言·前端·javascript·c++·单元测试·ecmascript
烛衔溟11 小时前
TypeScript 接口的基本使用 —— 定义对象形状
前端·javascript·typescript
铁皮饭盒11 小时前
成为AI全栈 - 第3课:路由 RESTful Elysia 状态码 设计规范
前端·后端·全栈
顾昂_12 小时前
Web 性能优化完全指南
前端·面试·性能优化
IT乐手12 小时前
Claude Code + Qwen 的配置方法
javascript·claude
前端程序媛-Tian12 小时前
前端 AI 提效实战:从 0 到 1 打造团队专属 AI 代码评审工具
前端·人工智能·ai
支付宝体验科技12 小时前
Ant Design Pro v6.0.0 发布
前端