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

}

},

相关推荐
FYKJ_20105 分钟前
express绿叶横店短剧推荐与影评分享平台34219-计算机课程设计、毕业设计
java·javascript·vue.js·spring boot·后端·课程设计·express
weishuangyun114 分钟前
小程序制作平台怎么选?三大平台对比!
大数据·开发语言·javascript
一颗小芹菜的日常19 分钟前
vue-crack插件是干什么的
前端·javascript·vue.js
小比特-combat22 分钟前
LVGL_1(使用示例讲解父子关系)
开发语言·前端·javascript
IT_陈寒22 分钟前
Java线程池的坑把我埋了,踩出来的血泪教训
前端·人工智能·后端
弯_弯26 分钟前
企业知识库 RAG 落地:从 Demo 到生产,四条工程链路与参数级自查
android·java·javascript
月夏27 分钟前
Node.js 读 Excel 我踩了 3 个坑,最后一个查遍 Stack Overflow 没答案
前端·javascript
亿元程序员29 分钟前
PSD都不用了!Codex直接生成Cocos预制体
前端
柳杉33 分钟前
Codex + 可视化大屏工作流实践:15 个行业场景的设计产出合集
前端·openai·数据可视化
@#¥&~是乱码鱼啦35 分钟前
ArkWeb开发手记05|SPA单页H5适配、自定义历史栈与全局状态同步
前端·harmonyos