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

}

},

相关推荐
catastrophe_zy2 分钟前
如何用 WebCodecs 在浏览器里实现高清录屏 —— 无插件、无水印、直接导出 MP4
前端·javascript·录屏
芳心粽伙饭5 分钟前
HTML第七章 表格标签
前端·html
我就是DaLing呀!5 分钟前
vue3 + 独立的数据管理 Store实现视频剪辑功能
前端·typescript·vue3·canvas·store
吃杠碰小鸡20 分钟前
Wps常用功能介绍
前端·wps
恋猫de小郭25 分钟前
聊个比较有意思的 Flutter Web 问题
android·前端·flutter
IT_陈寒27 分钟前
Redis持久化配置漏了这一步,线上数据丢了5小时
前端·人工智能·后端
梦曦i30 分钟前
create-uni-app v1.2.0:交互体验优化
前端·uni-app
Moment32 分钟前
太好了!NestJS 12 大版本转向 ESM,新项目默认构建换 Rspack
前端·javascript·后端
Csvn36 分钟前
泛型与条件类型:TypeScript 类型体操的核心
前端
涛涛ing37 分钟前
一周之内,前端 AI 编程的格局被彻底改写了三次
前端·程序员