javascript - d3 text label format based on value -
javascript - d3 text label format based on value -
i have chart need create label bold based on variable. not sure how in d3 accomplish this. think may need utilize .each function. line .style("font-weight", "bold") makes text labels bold want values made bold. ideas on right syntax this?
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) { homecoming d.angle > math.pi ? "end" : null; }) .attr("transform", function(d) { homecoming "rotate(" + (d.angle * 180 / math.pi - 90) + ")" + "translate(" + (r0 + 36) + ")" + (d.angle > math.pi ? "rotate(180)" : ""); }) .text(function(d) { homecoming rdr(d).gname; });
this approach seems work...
.style("font-weight", function(d) {if(selectedvaluessplit.indexof( rdr(d).gname ) > -1) {return "bold"}})
this answer
javascript text d3.js labels
Comments
Post a Comment