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

}

},

相关推荐
得物技术7 小时前
AI驱动:从运营行为到自动化用例的智能化实践|得物技术
前端·ai编程·全栈
前端那点事7 小时前
Vue并发控制|几十个请求高效管控(实战方案+可运行代码)
前端·vue.js
妄想出头的工业炼药师7 小时前
后端优化MS mapping
前端
前端那点事7 小时前
Vue大批量接口请求优化|告别卡顿、超时!前端落地实战指南
前端·vue.js
史迪仔01127 小时前
[QML] Qt Quick Dialogs 模块使用指南
开发语言·前端·c++·qt
oy_mail7 小时前
spring-boot-starter和spring-boot-starter-web的关联
前端
空中海8 小时前
第四章:Vue Router
前端·javascript·vue.js
竹林8188 小时前
从零集成RainbowKit:我如何在一个周末搞定多链钱包连接并填平三个大坑
前端·javascript
2601_953465618 小时前
M3U8 在线播放器:无需安装,一键调试 HLS 直播流
开发语言·前端·javascript·开发工具·m3u8·m3u8在线播放
风止何安啊8 小时前
【前端续命术】请求总失败?给你的 AJAX 装上 “不死鸟” 重试 Buff
前端·javascript·面试