Javascript 在D3.js图形中设置标签格式

我已经在d3.js中创建了一个条形图。但是，我无法按照要求格式化Y轴标签。我想做的是在标签文本之间添加空格。我使用了tickFormat（），但它无法实现相同的效果。下面是代码的一部分

var yAxis = d3.axisLeft(y)
.tickSize(3)
.tickFormat(function(d, i) {
    return d +"    "+TOP_TEN_CHANNELS[i].views+""; //to create custom tick format
});

我需要一个等于通道名称和视图之间四个空格的空格，但我得到的是一个空格。检查我的。

您必须设置属性。就你而言：

.barY .tick text {
  white-space: pre;
}

---

这是更新后的plunker:

因为这与D3没有直接关系，所以我从标题中删除了版本参考。