d3.js 刻度内的转义字符

Question

我需要在图表的刻度格式中显示每升微摩尔数 (µmol/L)，但是当我传入“µmol/L”时，它会显示字符“µ ;"而不是 mu 的符号。我如何让它渲染符号？

Answer 1

在这种情况下，您不应使用 HTML 实体。一旦你处理了 SVG ，使用这个：

\u00B5

检查这个片段：

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

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

text { font-size: 14px;}

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

d3.js 刻度内的转义字符

Escape Characters in d3.js ticks

javascript

special-characters

html-escape-characters

d3.js