在 antv G2 4.1.46 版的legend的翻页怎么把上下箭头变成左右箭头

在 antv G2 4.1.46 版本中，可以通过修改主题样式来更改 legend 翻页箭头的方向。具体步骤如下：

1. 在定义图表时，设置主题样式：

const chart = new G2.Chart({
  container: 'container',
  theme: {
    defaultColor: 'red',
    plotCfg: {
      margin: [20, 80, 60, 80],
    },
    legend: {
      position: 'bottom',
      offsetY: -5,
      itemName: {
        fontSize: 14,
      },
      itemValue: {
        fontSize: 12,
      },
      flipPage: true, // 开启翻页功能
      pageNavigator: { // 配置翻页箭头
        prevIcon: '<', // 左箭头
        nextIcon: '>', // 右箭头
      },
    },
  },
});

2. 在主题样式中，设置 `flipPage` 属性为 `true`，表示开启翻页功能。

3. 在主题样式中，通过 `pageNavigator` 对象配置翻页箭头的样式，设置 `prevIcon` 和 `nextIcon` 属性为左右箭头即可。

需要注意的是，如果使用默认主题，则需要通过修改 CSS 样式来更改翻页箭头的方向。具体方式是在 CSS 文件中添加以下样式：

.g2-legend-controller .g2-legend-prev {
  transform: rotate(90deg);
}
.g2-legend-controller .g2-legend-next {
  transform: rotate(-90deg);
}

以上样式将会把翻页箭头的方向从垂直改为水平。