AntV G2Plot 条形图颜色渐变设置教程

可以使用 G2Plot 中的 'color' 属性来设置颜色渐变。具体实现方法如下：

首先，需要引入 G2Plot 库：

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

然后，可以创建一个 Bar 图表实例：

const chart = new Bar({
  data: data,
  xField: 'x',
  yField: 'y',
  colorField: 'y',
  color: {
    field: 'y',
    type: 'linear',
    min: 0,
    max: 100,
    range: ['#F5222D', '#FAAD14', '#52C41A'],
  },
});

其中，'color' 属性中的 'min' 和 'max' 分别表示颜色渐变的最小值和最大值，'range' 数组中的颜色值用于表示渐变的颜色范围。

最后，可以将图表渲染到指定的 HTML 元素中：

chart.render();

这样，就可以使用 'color' 属性来设置 G2Plot 条形图的颜色渐变了。