G2Plot 分组柱状图限制图例选择数量 - 最多选择三个图例

在 G2Plot 的分组柱状图 Column 中，可以通过设置 legend 的 maxAllowChecked 来限制最多选择的图例数量。例如，将 maxAllowChecked 设置为 3，则用户最多可以选择三个图例，超过三个则无法选择。具体代码如下：

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

const data = [
  { year: '2010', type: '汽车', value: 10 },
  { year: '2010', type: '卡车', value: 20 },
  { year: '2010', type: '自行车', value: 30 },
  { year: '2011', type: '汽车', value: 20 },
  { year: '2011', type: '卡车', value: 30 },
  { year: '2011', type: '自行车', value: 40 },
  { year: '2012', type: '汽车', value: 30 },
  { year: '2012', type: '卡车', value: 40 },
  { year: '2012', type: '自行车', value: 50 },
];

const columnPlot = new Column('container', {
  data,
  xField: 'year',
  yField: 'value',
  seriesField: 'type',
  legend: {
    maxAllowChecked: 3, // 最多选择三个图例
  },
});

columnPlot.render();