设置波形颜色为渐变色的话,有些是渐变色有些就是纯色
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设置为渐变色,但实际上看着是纯色
还是可以渐变的,只不过需要调整一下参数:
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();
你给我的,和我给你的fill颜色不一样呀。我的fill是: l(180) 0:#B4EC51 1:#429321
@pearmini
@97702573 你自己调整一下 #B4EC5 和 #429321 前面的数值