设置波形颜色为渐变色的话,有些是渐变色有些就是纯色

[97702573]

import { Liquid } from '@antv/g2plot';

const liquidPlot = new Liquid('container', {
percent: 0.25,
outline: {
border: 4,
distance: 8,
},
wave: {
count:8,
length: 128,
},
liquidStyle: {
"fill": "l(180) 0:#B4EC51 1:#429321 1:#B4EC51",
"stroke": "l(90) 0.01:#61a8ff 0.82:rgba(28, 129, 255, 0) 0.08:rgba(28, 129, 255, 0.75)",
"show": true,
"shadowColor": "#1c47ff",
"shadowBlur": 36,
"shadowOffsetX": 0,
"shadowOffsetY": 0
}
});
liquidPlot.render();
这是我的代码，fill设置为渐变色，但实际上看着是纯色

[pearmini]

还是可以渐变的，只不过需要调整一下参数：

import { Liquid } from '@antv/g2plot';

const liquidPlot = new Liquid('container', {
  percent: 0.25,
  outline: {
    border: 4,
    distance: 8,
  },
  wave: {
    count: 8,
    length: 128,
  },
  liquidStyle: {
    fill: 'l(180) 0.2:#ff0000 0.8:#61a8ff',
    stroke:
      'l(90) 0.01:#61a8ff 0.82:rgba(28, 129, 255, 0) 0.08:rgba(28, 129, 255, 0.75)',
    show: true,
    shadowColor: '#1c47ff',
    shadowBlur: 36,
    shadowOffsetX: 0,
    shadowOffsetY: 0,
  },
});

liquidPlot.render();

[97702573]

你给我的，和我给你的fill颜色不一样呀。我的fill是： l(180) 0:#B4EC51 1:#429321

[97702573]

@pearmini

[pearmini]

@97702573 你自己调整一下 #B4EC5 和 #429321 前面的数值