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

}

},

相关推荐
拉拉肥_King6 小时前
Ant Design Table 横向滚动条神秘消失?我是如何一步步找到真凶的
前端·javascript
GreenTea6 小时前
DeepSeek-V4 技术报告深度分析:基础研究创新全景
前端·人工智能·后端
河阿里7 小时前
HTML5标准完全教学手册
前端·html·html5
吴声子夜歌7 小时前
Vue3——新语法
前端·javascript·vue.js
jiayong237 小时前
第 36 课:任务详情抽屉快捷改状态
开发语言·前端·javascript·vue.js·学习
FFF_634560237 小时前
通用 vue 页面 js 下载任何文件的方法
开发语言·前端·javascript
光影少年7 小时前
中级前端需要会的东西都有那些?
前端·学习·前端框架
琢磨先生TT7 小时前
为什么很多后台系统功能不少,看起来却还是很廉价?
前端·vue.js·设计
ekuoleung7 小时前
量化平台中的 DSL 设计与实现:从规则树到可执行策略
前端·后端
小研说技术7 小时前
实时通信对比,一场MCP协议的技术革命
前端·后端·面试