具有多层嵌套轴标签的图表库
Jam*_*Ltd 5 javascript charts reactjs
概括
\n\n
我想知道是否有其他人有这个要求并可以引导我走向正确的方向。我目前正在努力为交叉表 BI 实现一个图表库，该库允许在 X 轴上进行多个分组。
\n例子
\n\n
我试图在 Spotfire 中实现的功能\xc2\xb9 如下所示（开发数据，不是实时数据！）：
\n
使用代表交叉表中的列的颜色：
\n
\xc2\xb9 - 标签的渲染有点时髦，但分组有效
\n要求
\n\n
我希望（至少）在 JavaScript 中复制这一点，如果可能的话最好使用预制的 React 库。我目前正在考虑 d3，特别是Nivo，因为它具有很好的美感，吸引了团队，但这似乎仅限于仅在 2 个级别上分组（对于上面的示例，我可以按国家/地区分组，但我无法按性别分组作为一个子组）。
\n我尝试过的
\n\n
到目前为止，我的解决方案是合并剩余的图层，例如在法国组中，我们有 、Male - Not Tested、Male - Mutant等Male - Wild Type。这带来的问题是我需要允许最多 6 个级别的分组 - 该示例显示了 3 个级别。（6级很少见，但我需要允许它作为一个要求）
计划
\n\n
如果我找不到一个库来做到这一点，我的下一步就是分支 Nivo 并尝试修改它以自己实现它，但当然，众所周知，这与我们必须实现它的时间相冲突。我真的很感激以前曾经处理过这个问题的人的来信，以及您提出的解决方案。
\n小智 0
我认为您需要查看AmCharts，它提供了最好的图表库之一，具有非常丰富的 API，允许您执行多种组合
这是嵌套值轴的示例，但您也可以为 XAxis 生成类似的东西 https://www.amcharts.com/demos/multiple-value-axes/
| 归档时间： |
|
| 查看次数： |
706 次 |
| 最近记录： |