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>