小编Jam*_*Ltd的帖子

概括

我想知道是否有其他人有这个要求并可以引导我走向正确的方向。我目前正在努力为交叉表 BI 实现一个图表库，该库允许在 X 轴上进行多个分组。

例子

我试图在 Spotfire 中实现的功能\xc2\xb9 如下所示（开发数据，不是实时数据！）：

使用代表交叉表中的列的颜色：

\xc2\xb9 - 标签的渲染有点时髦，但分组有效

要求

我希望（至少）在 JavaScript 中复制这一点，如果可能的话最好使用预制的 React 库。我目前正在考虑 d3，特别是Nivo，因为它具有很好的美感，吸引了团队，但这似乎仅限于仅在 2 个级别上分组（对于上面的示例，我可以按国家/地区分组，但我无法按性别分组作为一个子组）。

我尝试过的

到目前为止，我的解决方案是合并剩余的图层，例如在法国组中，我们有 、Male - Not Tested、Male - Mutant等Male - Wild Type。这带来的问题是我需要允许最多 6 个级别的分组 - 该示例显示了 3 个级别。（6级很少见，但我需要允许它作为一个要求）

计划

如果我找不到一个库来做到这一点，我的下一步就是分支 Nivo 并尝试修改它以自己实现它，但当然，众所周知，这与我们必须实现它的时间相冲突。我真的很感激以前曾经处理过这个问题的人的来信，以及您提出的解决方案。