Javascript d3.js v5如何截断勾号文本?
我有一张图表,在我的y轴上有一些长长的分类标题。我想把它们截成15个字符,但我不知道在哪里做。我发现的很多链接都是关于包装标签的,但不是截断的 我是否使用“ticktext”?有没有办法选择标签并对其应用截断公式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; }))
谢谢你的帮助。这些建议帮助我更进一步。这就是我最后要做的
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)
})
}
这回答了你的问题吗?