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

}

},

相关推荐
雾岛听风69113 小时前
JavaScript基础语法速查手册
开发语言·前端·javascript
遇见~未来13 小时前
第三篇_现代布局_从弹性到网格
前端·css3
前端那点事13 小时前
Vue前端SEO优化全攻略(实操落地版,新手也能上手)
前端·vue.js
Dxy123931021613 小时前
HTML 如何使用 SVG 画曲线
前端·算法·html
用户23678298016813 小时前
从零实现 GIF 制作工具:LZW 压缩与 Median Cut 色彩量化
前端·javascript
hahaha 1hhh13 小时前
中文乱码 ubuntu autodl
linux·运维·前端
棉猴13 小时前
Python海龟绘图之绘制文本
javascript·python·html·write·turtle·海龟绘图·输出文本
Codebee14 小时前
Harness Engineering:AICode 的灵魂
前端·人工智能·前端框架
Highcharts.js14 小时前
线形比赛积分增长或竞赛图|Highcharts企业图表代码示列
开发语言·前端·javascript·折线图·highcharts·竞赛图
hpysirius14 小时前
在企业搭建一套完整的AI Agent系统
前端