Escape-Zeichen in d3.js Zecken

Question

Ich brauche pro Liter Mikromol anzuzeigen (µ mol/L) in tickFormat meinem Chart, aber wenn ich pass in "& # 181; mol/L", es zeigt die Zeichen "& # 181; anstelle des Symbols für mu. Wie bekomme ich es, das Symbol zu rendern?

Answer 1

In diesem Fall sollten Sie keine HTML-Entität verwenden. Sobald Sie mit einem SVG zu tun hat, verwenden Sie diese:

\u00B5 

prüfen diese Schnipsel:

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>