首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >d3.js中的转义字符

d3.js中的转义字符
EN

Stack Overflow用户
提问于 2016-08-03 05:09:45
回答 1查看 1K关注 0票数 3

我需要在我的图表的tickFormat中显示每升的微鼹鼠(每升),但是当我传入“摩尔/升”时,它显示的字符是“微摩尔”,而不是μ的符号。我怎样才能让它渲染符号?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-03 05:22:10

在这种情况下,您不应该使用HTML实体。一旦您与SVG打交道,请使用以下命令:

代码语言:javascript
运行
复制
\u00B5

检查这个片段:

代码语言:javascript
运行
复制
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);
代码语言:javascript
运行
复制
text { font-size: 14px;}
代码语言:javascript
运行
复制
<script src="https://d3js.org/d3.v4.min.js"></script>

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38734835

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档