[BUG]分面图旋转子视图的时候坐标轴显示错误 #5616

<!-- Thank you for reporting an issue. 1. It's RECOMMENDED to submit PR for typo or tiny bug fix. 2. If this's a FEATURE request, please provide: details, pseudo codes if necessary. 3. If this's a BUG, please provide: course repetition, error log and configuration. Fill in as much of the template below as you're able. 4. It will be nice to use to provide a CodePen Link which can reproduce the issue, we provide a CodePen template g2-github-issue. 感谢您向我们反馈问题。 1. 提交问题前，请先阅读 README 中的贡献帮助文档。 2. 我们推荐如果是小问题（错别字修改，小的 bug fix）直接提交 PR。 3. 如果是一个新需求，请提供：详细需求描述，最好是有伪代码实现。 4. 如果是一个 BUG，请提供：复现步骤，错误日志以及相关配置，并尽量填写下面的模板中的条目。 5. 如果可以，请提供尽可能精简的 CodePen 链接，可使用 CodePen 模板 https://codepen.io/leungwensen/pen/WXJgox，方便我们排查问题。 6. 扩展阅读：如何向开源项目提交无法解答的问题 -->

• G2 Version: v5.1.5
• Platform: https://g2.antv.antgroup.com/zh/examples/composition/facet#rect-row
• Mini Showcase(like screenshots):
• CodePen Link: https://codesandbox.io/s/hungry-dream-nfd58n?file=/index.ts

复现步骤：

import { Chart } from "@antv/g2";

fetch("https://assets.antv.antgroup.com/g2/barley.json")
  .then((res) => res.json())
  .then((data) => {
    const chart = new Chart({
      container: "container",
      height: 1000,
      width: 1300,
      paddingLeft: 140,
      paddingRight: 130,
      paddingBottom: 60,
      frame: false
    });

    const facetRect = chart
      .facetRect()
      .data(data)
      .encode("y", "site")
      .encode("x", "variety");

    facetRect
      .interval()
      .scale("color", { type: "ordinal" })
      .encode("x", "year")
      .encode("y", "yield")
      .coordinate({ transform: [{ type: "transpose" }] });  // 关键： 图形旋转

    chart.render();
  });

给子视图设置了： coordinate({ transform: [{ type: "transpose" }] }); 后 x、y 轴显示错误。

预期结果

1. 最后一行显示 x 轴， 第一列显示 y 轴。
2. 可以让用户自己控制坐标轴的显示呢？