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

}

},

相关推荐
C_心欲无痕21 小时前
浏览器缓存: IndexDB
前端·数据库·缓存·oracle
郑州光合科技余经理21 小时前
技术架构:上门服务APP海外版源码部署
java·大数据·开发语言·前端·架构·uni-app·php
GIS之路21 小时前
GDAL 实现数据属性查询
前端
PBitW1 天前
2025,菜鸟的「Vibe Coding」时刻
前端·年终总结
mwq301231 天前
不再混淆:导数 (Derivative) 与微分 (Differential) 的本质对决
前端
小二·1 天前
Vue 3 组件通信全方案详解:Props/Emit、provide/inject、事件总线替代与组合式函数封装
前端·javascript·vue.js
研☆香1 天前
html框架页面介绍及制作
前端·html
be or not to be1 天前
CSS 定位机制与图标字体
前端·css
DevUI团队1 天前
🔥Angular高效开发秘籍:掌握这些新特性,项目交付速度翻倍
前端·typescript·angular.js
Moment1 天前
如何在前端编辑器中实现像 Ctrl + Z 一样的撤销和重做
前端·javascript·面试