如何创建自定义分组；“安讯士”；对于使用D3.js的矩阵图

我用D3.js创建了一个矩阵图，创建一个分组的“轴”有点困难（尽管我不确定我能不能称它为轴？）

这显示了我选择的当前路线。基本上，我所做的是创建3条单独的线来创建“轴”。理想情况下，我希望使用d3.axis对象，但我不确定如何实现这一点

虽然这种当前的方法确实有效，但感觉很脏——我也担心伸缩性。有人对如何处理这个问题有更好的建议吗

最终的结果是沿着这些线（请注意线下的标签）：

您可以使用

.scale(x).tickValues(xVals)

其中xVAL是值的数组

也许这个演示会对你有所帮助