G2Plot 分组柱状图 Column 图例限制：最多显示三个

在 G2Plot 的分组柱状图 Column 中，可以使用 legend-field 属性来设置图例对应的数据字段，然后使用 legend-limit 属性来限制图例的数量。例如，以下代码可以实现最多只显示三个图例：

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

const data = [
  { year: '2010', type: '汽车', sales: 40 },
  { year: '2010', type: '书籍', sales: 50 },
  { year: '2010', type: '衣服', sales: 60 },
  { year: '2011', type: '汽车', sales: 70 },
  { year: '2011', type: '书籍', sales: 80 },
  { year: '2011', type: '衣服', sales: 90 },
];

const columnPlot = new Column('container', {
  data,
  xField: 'year',
  yField: 'sales',
  seriesField: 'type',
  legend: {
    position: 'right-top',
    flipPage: false,
    limit: 3, // 设置最多只显示三个图例
  },
});

columnPlot.render();

在上述代码中，legend-limit 属性设置为 3，表示最多只显示三个图例。如果数据中有超过三个不同的 seriesField 值，那么超过三个的图例将被合并为一个'其他'图例。