d3.js - 无法在 D3 角度库中的单元格之间添加填充

Question

在这种情况下，填充对于单元格中的单个值工作正常。

见样机：

当我们在一个单元格中添加多个值并且我们根据它的值在单元格中显示不同的颜色时，填充不起作用。

见样机：

我们试图这样做

this.xAxis = D3.scaleBand()
        .range([ 0, this.width ])
        .domain(this.heatmapData.group)
        .padding(0.07);

this.yAxis = D3.scaleBand()
        .range([ this.height, 0 ])
        .domain(this.heatmapData.variable)
        .padding(0.07);

但它没有按预期工作，所以请给一些建议谢谢。