Javascript d3.js v5如何截断勾号文本?

Javascript d3.js v5如何截断勾号文本?,javascript,d3.js,Javascript,D3.js,我有一张图表,在我的y轴上有一些长长的分类标题。我想把它们截成15个字符,但我不知道在哪里做。我发现的很多链接都是关于包装标签的,但不是截断的 我是否使用“ticktext”?有没有办法选择标签并对其应用截断公式 谢谢你的帮助。这些建议帮助我更进一步。这就是我最后要做的 var y = d3.scaleBand() .range([ 0, heightBar ]) .domain(topGamesData.map(function(d) { return d.name; }))

我有一张图表,在我的y轴上有一些长长的分类标题。我想把它们截成15个字符,但我不知道在哪里做。我发现的很多链接都是关于包装标签的,但不是截断的

我是否使用“ticktext”?有没有办法选择标签并对其应用截断公式


谢谢你的帮助。

这些建议帮助我更进一步。这就是我最后要做的

var y = d3.scaleBand()
    .range([ 0, heightBar ])
    .domain(topGamesData.map(function(d) { return d.name; }))
    .padding(.1);
    bars.append("g")
    .attr("transform", "translate("+adj*3+"," + 0 + ")")
    .call(d3.axisLeft(y))
    .selectAll(".tick text")
        .call(truncateLabel, y.bandwidth())
这是我的截断函数

function truncateLabel(text, width) {
  text.each(function() {
    gameName = d3.select(this).text();
    if(gameName.length > 10){
        gameName = gameName.slice(0,10)
    }
    d3.select(this).text(gameName)
  })
}

这回答了你的问题吗?