d3.js中的轉義字符蜱

Question

我需要在圖表的tick格式中顯示每升微摩爾（ mol/L），但是當我傳遞「&＃181; mol/L」時，它顯示字符「&＃ 181;」而不是mu的符號。我如何獲得它來呈現符號？

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>