[Feat]: 实现正向的金字塔图

[szqingt]

Describe the feature / 功能描述

目前的金字塔都是固定倒置的，某写场景比如排名分类优秀、普通、差（10%，60%，30%），使用金字塔的图来表现时候正向的会更符合

Are you willing to contribute? / 是否愿意参与贡献？

❌ No / 否

[github-actions]

@szqingt 您好！以下是关于您问题的自动回复：

感谢您的反馈和详细描述！

需求分析

您提出需要支持正向金字塔图（即底部宽、顶部窄的金字塔），以更符合某些排名或分级场景（如优秀/普通/差）。目前 G2 只支持倒置金字塔，无法直接实现正向布局。

建议方案

1. 现有解决方法

目前 G2 没有直接提供“正向金字塔图”类型，但可以通过自定义 interval 柱状图和调整坐标轴实现类似效果：

• 利用 interval 柱状图，将柱宽做递减排列（模拟金字塔阶梯）。
• 通过自定义坐标轴或图形样式，实现三角形/梯形拼接。
• 也可以考虑用 facet 或 custom shape 绘制更自由的图形。

简单实现思路（伪代码，仅供参考）

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

const data = [
  { category: '优秀', value: 10 },
  { category: '普通', value: 60 },
  { category: '差', value: 30 },
];

const chart = new Chart({ container: 'container' });

chart.options({
  type: 'interval',
  data,
  encode: {
    x: 'category',
    y: 'value',
    color: 'category',
  },
  style: {
    // 可通过样式或自定义 shape 实现梯形/三角形效果
    // 例如调整柱宽 columnWidthRatio
  },
  scale: {
    y: { min: 0, max: 100 },
  },
});

chart.render();

如需更接近金字塔造型，可以用 G2 的自定义 shape 能力，或结合 Canvas 绘制三角形，并映射数据到宽度或高度。

2. 功能建议

您的需求非常有价值，建议您可将“正向金字塔图”作为新图表类型的功能建议提交至 G2 研发团队。这样后续有机会成为内置图表类型，方便更多用户直接调用。

后续操作建议

• 若需临时解决，可用柱状图模拟。
• 若需严格的金字塔造型，可关注 G2 的自定义图形绘制 API（如 shape、coordinate.flip() 等）。
• 推荐补充实际业务场景、数据格式及预期交互，便于产品经理和开发团队评估。

---

如有进一步的代码需求或定制化建议，欢迎补充说明！感谢您的支持和建议。

相关文档：

• G2 图表类型与自定义 shape
• G2 interval 柱状图示例

---

---

此回复由 AI 助手自动生成。如有任何问题，我们的团队会尽快跟进。