关于 echarts 中渐变的问题

2020-02-04 17:46:50 +08:00
 waiaan
// 线性渐变,前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1,相当于在图形包围盒中的百分比,如果 globalCoord 为 `true`,则该四个值是绝对的像素位置

color: {
    type: 'linear',
    x: 0,
    y: 0,
    x2: 0,
    y2: 1,
    colorStops: [{
        offset: 0, color: 'red' // 0% 处的颜色
    }, {
        offset: 1, color: 'blue' // 100% 处的颜色
    }],
    global: false // 缺省为 false
}

这是官网的说明,x、y、x2、y2 代表的是什么?以及 global 为 true 时又代表什么?

谢谢。

955 次点击
所在节点    问与答
3 条回复
bigShrimp8577
2020-02-04 22:40:38 +08:00
其实好像是 x 是右,y 是下,x2 是左,y2 是上,反正是可以这样理解的
waiaan
2020-02-05 09:38:28 +08:00
@bigShrimp8577
谢谢,那这又代表什么意思?
bigShrimp8577
2020-02-05 22:00:54 +08:00
@waiaan 额,就是颜色是从哪边开始啊,像你这个就是从上到下 红色渐变到蓝色啊,offset 为 0 就是开始的颜色

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/642118

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX