antv g2版本5.x线性渐变

ANTV G2版本5.x支持线性渐变。您可以使用以下代码来创建线性渐变：

const data = [
  { year: '1951', sales: 38 },
  { year: '1952', sales: 52 },
  { year: '1956', sales: 61 },
  { year: '1957', sales: 145 },
  { year: '1958', sales: 48 },
  { year: '1959', sales: 38 },
  { year: '1960', sales: 38 },
  { year: '1962', sales: 38 },
];

const chart = new G2.Chart({
  container: 'container',
  autoFit: true,
  height: 500,
});

chart.data(data);

const scale = {
  year: {
    range: [0, 1],
  },
  sales: {
    nice: true,
  },
};

chart.scale(scale);

chart.axis('year', {
  tickLine: null,
  label: {
    offset: 12,
    style: {
      textAlign: 'center',
    },
  },
});

chart.axis('sales', {
  title: {
    text: '销售额（万）',
  },
  label: {
    formatter: (val) => {
      return val + '万';
    },
  },
});

chart.tooltip({
  showMarkers: false,
});

chart
  .line()
  .position('year*sales')
  .color('sales', (sales) => {
    return sales > 50 ? 'red' : 'blue';
  })
  .size(2)
  .animate({
    update: {
      duration: 1000,
      easing: 'easeLinear',
    },
  });

chart.render();

在这个例子中，我们使用了`.color()`方法来设置线性渐变颜色。在这里，我们根据销售额的大小来设置红色或蓝色的渐变。您可以根据自己的需求来调整渐变的颜色和起始/终止点。