d3.js中的转义字符蜱
问题描述:
我需要在图表的tick格式中显示每升微摩尔( mol/L),但是当我传递“µ mol/L”时,它显示字符“&# 181;”而不是mu的符号。我如何获得它来呈现符号?d3.js中的转义字符蜱
答
在这种情况下,您不应该使用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>