d3.jsティックのエスケープ文字

Question

私のチャートのtickFormatにリットルあたりのマイクロモルを表示する必要がありますが、 "&＃181; mol/L"を渡すと "&＃ 181;ミューのシンボルの代わりに。シンボルをレンダリングするにはどうしたらいいですか？

Answer 1

この場合、HTMLエンティティを使用しないでください。あなたがSVGを扱っているしたら、これを使用する：

\u00B5 

はこのスニペットをチェックしてください：

var svg = d3.select("body") 
 
\t .append("svg") 
 
\t .attr("width", 500) 
 
\t .attr("height", 200); 
 
\t 
 
var scale = d3.scaleLinear() 
 
\t .range([40, 460]) 
 
\t .domain([0, 100]); 
 
\t 
 
var axis = d3.axisBottom(scale) 
 
\t .tickFormat(function(d){ return d + "\u00B5mol/L"}) 
 
    .ticks(5); 
 

 
svg.append("g") 
 
\t .attr("transform", "translate(0,100)") 
 
\t .call(axis);

text { font-size: 14px;}

<script src="https://d3js.org/d3.v4.min.js"></script>