一个图可以在横向维度上分组吗？

[ChristmasFox]

一个图可以在横向维度上分组吗？类似于这样的 大佬们

[pearmini]

目前可以通过嵌套分面实现类似的效果：

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

const chart = new Chart({
  container: 'container',
  theme: 'classic',
  width: 800,
  height: 400,
  paddingLeft: 60,
});

chart.options({
  type: 'facetRect',
  data: [
    { name: 'a', sex: 'male', country: 'A', value: 10 },
    { name: 'a', sex: 'male', country: 'B', value: 6 },
    { name: 'b', sex: 'male', country: 'A', value: 3 },
    { name: 'b', sex: 'male', country: 'B', value: 2 },
    { name: 'a', sex: 'female', country: 'A', value: 9 },
    { name: 'a', sex: 'female', country: 'B', value: 8 },
    { name: 'b', sex: 'female', country: 'A', value: 7 },
    { name: 'b', sex: 'female', country: 'B', value: 3 },
  ],
  encode: { x: 'country' },
  axis: { x: { position: 'bottom', tick: false, title: false } },
  paddingBottom: 30,
  children: [
    {
      type: 'facetRect',
      encode: { x: 'sex' },
      axis: { x: { position: 'bottom', title: false, tick: false } },
      paddingBottom: 20,
      children: [
        {
          type: 'interval',
          frame: false,
          paddingBottom: 20,
          encode: { x: 'name', y: 'value', color: 'country' },
          axis: { x: { title: false } },
        },
      ],
    },
  ],
});

chart.render();

[pearmini]

这里改变 axis position 的时候，应该能自动设置 padding 会比较好。

[ChristmasFox]

厉害👍！， 还有想请教一下g2 v4版本里面的自定义图形去哪了，这个方法registerShape。在v5中变成了shape吗 这样就没法获取每个标记在图中的x、y坐标了。

[hustcc]

g2-v4 中的自定义图形也不是很好用，在 v5 中，可以参考这篇文章 怎么用 G2 自定义一个 2.5D 柱形图，其中回调函数中的参数会相比 v4 更完整，更清晰。其中 points 就已经是对应的一些数据坐标点。