G2Plot icon indicating copy to clipboard operation
G2Plot copied to clipboard

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

Open 97702573 opened this issue 2 years ago • 4 comments

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设置为渐变色,但实际上看着是纯色

97702573 avatar Nov 30 '23 02:11 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.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();

pearmini avatar Nov 30 '23 03:11 pearmini

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

97702573 avatar Nov 30 '23 03:11 97702573

@pearmini

97702573 avatar Nov 30 '23 03:11 97702573

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

pearmini avatar Nov 30 '23 03:11 pearmini