antv/g2 将水波纹设置为渐变色

可以使用 antv/g2 中的自定义主题功能来设置水波纹为渐变色。具体实现步骤如下：

1. 定义一个渐变色对象，例如：

const gradient = {
  type: 'linear',
  x1: 0,
  y1: 0,
  x2: 0,
  y2: 1,
  colorStops: [
    { offset: 0, color: 'rgba(27, 173, 248, 1)' },
    { offset: 1, color: 'rgba(27, 173, 248, 0.2)' },
  ],
};

2. 在自定义主题中设置水波纹样式，并将渐变色对象作为填充色，例如：

const customTheme = {
  defaultColor: '#1890FF',
  geometries: {
    interval: {
      rect: {
        active: {
          fill: 'rgba(0, 0, 0, 0.05)',
        },
        selected: {
          fill: 'rgba(0, 0, 0, 0.1)',
        },
      },
    },
    liquid: {
      fill: gradient,
      outline: {
        border: 2,
        distance: 2,
        stroke: '#1890FF',
      },
    },
  },
};

// 将自定义主题应用到图表中
const chart = new G2.Chart({
  container: 'container',
  autoFit: true,
  theme: customTheme,
});

这样就可以将水波纹设置为渐变色了。