使用antv中G2Plot图例变大

您可以通过以下步骤使用 antv 中的 G2Plot 图例扩展：

导入依赖库：

import { Chart } from '@antv/g2';
import { Legend } from '@antv/g2plot';

创建一个图表实例：

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

添加图例组件：

const legend = new Legend({
  position: 'bottom',
  flipPage: true,
  pageNavigator: {
    nextText: '下一页',
    prevText: '上一页',
    maxItems: 5,
    activePage: 1,
  },
});
chart.addController(legend);

设置图例样式：

legend.theme({
  spacing: 8,
  marker: {
    symbol: 'square',
    style: {
      r: 5,
      fill: '#fff',
      stroke: '#000',
      lineWidth: 1,
    },
  },
  textStyle: {
    fill: '#333',
    fontSize: 12,
  },
});

渲染图表：

chart.render();

这样，您就可以使用 antv 中的 G2Plot 图例扩展了。您可以根据需要调整图例的位置、样式和其他属性。