可控制刻度的 D3 点刻度

Question

我必须绘制这样的图表：

在使用 d3.scalePoint() 失败后，我尝试使用 d3.scaleBand()。然而，ScalePoint 对我来说是一个巨大的优势，刻度线使用自己的算法分布在轴上。我必须根据它们内部的物品来控制刻度线，每组物品的顶部..

以下是示例数据：

[{label: "Rem1 #EVT", value: 55}
{label: "Rem1 #P1", value: 28}
{label: "Rem1 #P2", value: 40}
{label: "Rem1 #CRB", value: 75}
{label: "Rem1 #OVB", value: 50}
{label: "Rem2 #EVT", value: 77}
{label: "Rem2 #P1", value: 18}
{label: "Rem2 #P2", value: 85}
{label: "Rem2 #CRB", value: 7}
{label: "Rem2 #OVB", value: 59}
{label: "Rem3 #EVT", value: 57}
{label: "Rem3 #P1", value: 82}
{label: "Rem3 #P2", value: 45}
{label: "Rem3 #CRB", value: 50}
{label: "Rem3 #OVB", value: 24}
{label: "Rem4 #EVT", value: 34}
{label: "Rem4 #P1", value: 72}
{label: "Rem4 #P2", value: 57}
{label: "Rem4 #CRB", value: 98}
{label: "Rem4 #OVB", value: 36}
{label: "Rem5 #EVT", value: 30}
{label: "Rem5 #P1", value: 51}
{label: "Rem5 #P2", value: 94}
{label: "Rem5 #CRB", value: 57}
{label: "Rem5 #OVB", value: 83}
{label: "Rem6 #EVT", value: 68}
{label: "Rem6 #P1", value: 88}
{label: "Rem6 #P2", value: 41}
{label: "Rem6 #CRB", value: 81}
{label: "Rem6 #OVB", value: 25}
{label: "Rem7 #EVT", value: 47}
{label: "Rem7 #P1", value: 72}
{label: "Rem7 #P2", value: 36}
{label: "Rem7 #CRB", value: 25}
{label: "Rem7 #OVB", value: 81}]

提前致谢