在函数javascript片段上拆分粗体和非粗体文本
我目前有以下代码在函数javascript片段上拆分粗体和非粗体文本,javascript,d3.js,Javascript,D3.js,我目前有以下代码 var temp = node.append("text") .attr("dx", function(d) { return -8; }) .attr("dy", -4) .style("text-anchor", function(d) { return d.root ? "start" : "end"; }) .style("font-size", function(d) { return d.selected ? "16px" : "10px"; }) .style("
var temp = node.append("text")
.attr("dx", function(d) { return -8; })
.attr("dy", -4)
.style("text-anchor", function(d) { return d.root ? "start" : "end"; })
.style("font-size", function(d) { return d.selected ? "16px" : "10px"; })
.style("font-weight", function(d) { return d.selected ? "bold" : ""; })
.text(function(d) { return d.name; });
这很好用。这段代码接收一个字符串,但形式不同
streamname(module<-module<-module)
streamname(module多亏了@Lars Kotthoff和他的评论,我才能够让它正常工作
var text = node.append("text")
.attr("dx", function(d) { return -8; })
.attr("dy", -4)
.style("text-anchor", function(d) { return d.root ? "start" : "end"; });
text.append("tspan")
.style("font-size", function(d) { return d.selected && !d.isLastModule ? "16px" : "10px"; })
.style("font-weight", function(d) { return d.selected && !d.isLastModule ? "bold" : ""; })
.text(function(d) { return d.name; });
text.append("tspan")
.style("font-size", function(d) { return d.selected && d.isLastModule ? "16px" : "10px"; })
.style("font-weight", function(d) { return d.selected && d.isLastModule ? "bold" : ""; })
.text(function(d) { return d.moduleList; });
是吗?然后请用它来标记您的问题。哦,是的,谢谢,完成了!您需要将几个tspan
元素附加到text
元素以获得粗体和普通文本,请看这是否有意义,但我必须略去一些内容。这对您来说合适吗…var text=svg.selectAll(.node:text”);text.append(“tspan”).style(“字体大小”,函数(d){return d.selected?”16px:“10px”;}.style(“字体大小”,函数(d){return d.selected?”bold:“;}.text(函数(d){return d.name;});附:上面的评论只是第一步,因为我正试图让它正常工作,然后可以划分为更好的代码,但tspan听起来正是我想要的。这个答案是天赐良机。