antv/g2 水波纹设置渐变色

您可以使用 G2 中的 `shape.interval` 来绘制水波纹图形，并且通过设置 `color` 属性为一个数组来实现渐变色。具体操作如下：

const data = [
  { value: 0.2 },
  { value: 0.4 },
  { value: 0.6 },
  { value: 0.8 },
  { value: 1 },
];
const chart = new G2.Chart({
  container: 'container',
  autoFit: true,
  height: 500,
});

chart.data(data);
chart.scale({
  value: {
    min: 0,
    max: 1,
    range: [0, 1],
  },
});

chart.axis(false);
chart.legend(false);
chart.tooltip(false);

chart
  .interval()
  .position('value')
  .shape('liquid-fill-gauge')
  .color(['#1890FF', '#2FC25B', '#FACC14', '#223273', '#8543E0']) // 设置渐变色
  .size(30)
  .style({
    lineWidth: 0,
  });

chart.render();

其中，`color` 属性的值为一个数组，数组中每个元素代表一个颜色，可以自定义设置。另外，这里使用了 `shape.liquid-fill-gauge` 来绘制水波纹形状，需要在引入 G2 库时同时引入 `@antv/g2-plugin-liquid-fill-gauge` 插件。