V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
waiaan
V2EX  ›  问与答

关于 echarts 中渐变的问题

  •  
  •   waiaan · 2020-02-04 17:46:50 +08:00 · 908 次点击
    这是一个创建于 1566 天前的主题,其中的信息可能已经有所发展或是发生改变。
    // 线性渐变,前四个参数分别是 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 时又代表什么?

    谢谢。

    3 条回复    2020-02-05 22:00:54 +08:00
    bigShrimp8577
        1
    bigShrimp8577  
       2020-02-04 22:40:38 +08:00
    其实好像是 x 是右,y 是下,x2 是左,y2 是上,反正是可以这样理解的
    waiaan
        2
    waiaan  
    OP
       2020-02-05 09:38:28 +08:00
    @bigShrimp8577
    谢谢,那这又代表什么意思?
    bigShrimp8577
        3
    bigShrimp8577  
       2020-02-05 22:00:54 +08:00
    @waiaan 额,就是颜色是从哪边开始啊,像你这个就是从上到下 红色渐变到蓝色啊,offset 为 0 就是开始的颜色
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2164 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 11:43 · PVG 19:43 · LAX 04:43 · JFK 07:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.