Javascript 如何在d3.axis.tick格式中断开一条线?

Javascript 如何在d3.axis.tick格式中断开一条线?,javascript,d3.js,Javascript,D3.js,我想写一个函数,它返回一个带有两行文本的记号标签。如我所见,svg文本标记用于文本标签。有没有办法将tspan添加到那里或其他地方?您可以访问由轴创建的元素: d3.选择('svg') .append('g') .attr('transform','translate(180,10)' .呼叫(xAxis) .selectAll('text')/'text'已创建 .selectAll('tspan') .data(函数(d){returnbytestostring(d);})//返回两个VAL

我想写一个函数,它返回一个带有两行文本的记号标签。如我所见,svg文本标记用于文本标签。有没有办法将tspan添加到那里或其他地方?

您可以访问由
轴创建的元素:

d3.选择('svg')
.append('g')
.attr('transform','translate(180,10)'
.呼叫(xAxis)
.selectAll('text')/'text'已创建
.selectAll('tspan')
.data(函数(d){returnbytestostring(d);})//返回两个VAL
.输入()
.append('tspan')
.attr('x',0)
.attr('dx','-1em')
.attr('dy',函数(d,i){return(2*i-1)+'em';})
.文本(字符串);

此外,您还必须在
轴上将
.tickFormat
设置为
'

从技术上讲,您可能会滥用
.tickFormat
返回包含正确标记的文本,尽管您可能不得不在名称空间中乱搞才能使其工作。@Larskothoff我认为
tickFormat
返回的文本是,它不能直接用于将标记作为文本标签插入(它将转义它们)。