d3.js 틱의 이스케이프 문자

Question

내 차트의 tickFormat에 리터당 마이크로 몰 (µ mol/L)을 표시해야하지만 "& # 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>

을