技术栈

echarts中itemStyle的color设置渐变色

susu10830189112024-09-26 8:35
  • 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

}

},

上一篇:express.js 链接数据库
下一篇:SpringBoot代码实战(MyBatis-Plus+Thymeleaf)
相关推荐
xiaokuangren_
15 小时前
前端css颜色
前端·css
Huanzhi_Lin
15 小时前
关于V8/MajorGC/MinorGC——性能优化
javascript·性能优化·ts·js·v8·新生代·老生代
hoiii187
16 小时前
C# 基于 LumiSoft 实现 SIP 客户端方案
前端·c#
anOnion
16 小时前
构建无障碍组件之Meter Pattern
前端·html·交互设计
小码哥_常
16 小时前
Spring Boot配置diff:解锁配置管理新姿势
前端
小码哥_常
16 小时前
告别onActivityResult!Android数据回传的3大痛点与终极解决方案
前端
hhcccchh
17 小时前
1.2 CSS 基础选择器、盒模型、flex 布局、grid 布局
前端·css·css3
专吃海绵宝宝菠萝屋的派大星
17 小时前
使用Dify对接自己开发的mcp
java·服务器·前端
爱分享的阿Q
17 小时前
Rust加WebAssembly前端性能革命实践指南
前端·rust·wasm
蓝黑2020
18 小时前
Vue的 value=“1“ 和 :value=“1“ 有什么区别
前端·javascript·vue
热门推荐
01GitHub 镜像站点02一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛03基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南04OpenClaw 请求超时 llm request timed out 怎么解决?3 种方案实测,附完整排查流程05VMware Workstation Pro 17 虚拟机完整安装教程(2026最新)06实测!Gemma 4 成功跑在安卓手机上:离线 AI 助手终于来了07CodeBuddy与WorkBuddy深度对比:腾讯两款AI工具差异及实操指南08Oh My Codex 快速使用指南09AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析10AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南