More options on pack transform

[YiSiWang]

问题描述

1. 希望 pack 能支持更多的参数，如从左向右进行堆叠，而非固定的从下到上；支持指定 pack 的间距等。
2. facetRect 等分面 Mark 似乎不支持 .tooltip 等交互相关的能力？

重现链接

No response

重现步骤

No response

预期行为

No response

平台

• 操作系统: [macOS, Windows, Linux, React Native ...]
• 网页浏览器: [Google Chrome, Safari, Firefox]

屏幕截图或视频（可选）

No response

补充说明（可选）

No response

[YiSiWang]

PS facetRect 的 padding margin inset 好像都不起作用： https://g2.antv.antgroup.com/zh/examples/composition/facet/#rect-bar

[pearmini]

PS facetRect 的 padding margin inset 好像都不起作用

@YiSiWang 分面的 padding margin inset 在 API 里面是在 new Chart 的时候指定：

const chart = new Chart({
  container: 'container',
  width: 928,
  height: 320,
  paddingLeft: 60,
  paddingBottom: 60,
});

在 Spec 里面可以可以在 facet 指定:

({
  type: "facetRect",
  width: 928,
  height: 320,
  paddingLeft: 60,
  paddingBottom: 60,
  data: {
    type: "fetch",
    value: "https://assets.antv.antgroup.com/g2/anscombe.json",
  },
  encode: { x: "series" },
  children: [
    {
      type: "point",
      inset: 10,
      encode: { x: "x", y: "y" },
      style: { stroke: "#000" },
    },
  ],
});

[pearmini]

希望 pack 能支持更多的参数，如从左向右进行堆叠，而非固定的从下到上；支持指定 pack 的间距等。

这个目前确实不支持，可以考虑给 pack 增加如下参数：

• direction
• padding
• paddingX
• paddingY

相关代码在这里：https://github.com/antvis/G2/blob/v5/src/transform/pack.ts

@YiSiWang 要不要搞搞！

[YiSiWang]

希望 pack 能支持更多的参数，如从左向右进行堆叠，而非固定的从下到上；支持指定 pack 的间距等。

这个目前确实不支持，可以考虑给 pack 增加如下参数：

• direction
• padding
• paddingX
• paddingY

相关代码在这里：https://github.com/antvis/G2/blob/v5/src/transform/pack.ts

@YiSiWang 要不要搞搞！

这个有点太难了/狗头

[Runtus]

【Runtus】认领

[Runtus]

fix: #5964