d3.js 文本标签中的 html答案

【问题标题】：html in d3.js text tagd3.js 文本标签中的 html
【发布时间】：2016-02-22 18:54:33
【问题描述】：

我有一个轴：

svg.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(0," + height + ")")
    .call(xAxis)
    .append("text")
    .attr("class", "label")
    .attr("x", width / 2)
    .attr("y", 50)
    .style("text-anchor", "center")
    .text("pdot [&times;10<sup>-15</sup> ss<sup>-1</sup>]");

但显然标签是“按原样”呈现的。将最后一行更改为

.html("pdot [&times;10<sup>-15</sup> ss<sup>-1</sup>]");

仍然没有产生我想要的。如何使text标签显示处理后的html？我正在寻找允许我将任何 html 代码放入标签的通用解决方案。但是，最好的方法是使用 LaTeX。是否可以？怎么样？

【问题讨论】：

你有一个简单的 jsfiddle 你想要做什么？
使用foreignObject:bl.ocks.org/mbostock/1424037
这不是 .html() 不起作用，而是 ^{标签不起作用。使用 Lars 提到的 foreginObject 解决方案。}
@LarsKotthoff 谢谢，它成功了。工作示例在这里：jsfiddle.net/kzyt9L1w/1 请考虑提交答案。

标签： javascript html d3.js text

【解决方案1】：

您可以为此使用foreignObject，例如http://bl.ocks.org/mbostock/1424037.

【讨论】：