柱状图如何多次进行分组

[Lee94]

问题描述

比如这样的数据结构
[
{ x: 'a', x1: 'a1', x2: 'c', y: 1 },
{ x: 'a', x1: 'a2', x2: 'd', y: 1 },
{ x: 'b', x1: 'a1', x2: 'c', y: 1 },
{ x: 'b', x1: 'a2', x2: 'd', y: 1 },
]
color通道为'x2', 能否先对根据 x 进行分组，得到a,b两组，再在各个分组内根据x1进行二次分组。最终柱子数目是x、x1、x2的笛卡尔积。另外x坐标轴能否支持多值轴？
类似下面这张图，分组下有多个子分组

重现链接

No response

重现步骤

No response

预期行为

No response

平台

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

屏幕截图或视频（可选）

No response

补充说明（可选）

No response

[hustcc]

建议可以先处理数据，增加一个字段，他是两个字段叉乘出来的。