2014-10-06 2 views
1

У меня есть эта диаграмма, что мне нужно сделать ярлык ярлыком на основе переменной. Однако я не уверен, как это сделать в D3. Мне кажется, может понадобиться использовать функцию .each. Строка .style («font-weight», «bold») делает все текстовые метки жирным, но я хочу, чтобы определенные значения были выделены полужирным шрифтом. Любые идеи относительно правильного синтаксиса для этого?Формат текстовой метки d3 на основе значения

g.append("svg:text") 
     .each(function(d) { d.angle = (d.startAngle + d.endAngle)/2; }) 
     .attr("dy", ".35em") 
     .style("font-family", "helvetica, arial, sans-serif") 
     .style("font-size", "10px") 
     //.style("font-weight", "bold") 
     .attr("text-anchor", function(d) { return d.angle > Math.PI ? "end" : null; }) 
     .attr("transform", function(d) { 
      return "rotate(" + (d.angle * 180/Math.PI - 90) + ")" 
       + "translate(" + (r0 + 36) + ")" 
       + (d.angle > Math.PI ? "rotate(180)" : ""); 
     }) 
     .text(function(d) { return rdr(d).gname; }); 
+0

Не могли бы вы создать функцию для атрибута шрифта веса или стиля, который возвращает полужирный, когда условие истинно ? –

ответ

2

Этот подход, кажется, работает ...

 .style("font-weight", function(d) {if(selectedvaluessplit.indexOf(rdr(d).gname) > -1) {return "bold"}}) 

это ответ

Смежные вопросы