Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在函数javascript片段上拆分粗体和非粗体文本_Javascript_D3.js - Fatal编程技术网

在函数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听起来正是我想要的。这个答案是天赐良机。