簡體   English   中英

d3基於值的文本標簽格式

[英]d3 text label format based on value

我有這張圖表,需要根據變量將標簽加粗。 但是我不確定如何在D3中實現這一目標。 我認為可能需要使用.each函數。 .style(“ font-weight”,“ bold”)行使所有文本標簽變為粗體,但我只希望某些值變為粗體。 關於正確語法的任何想法嗎?

    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; });

這種方法似乎有效...

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

這就是答案

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM