javascript - d3.js 文本标签中的 html

Question

我有一个轴:

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。是否可以？怎么办？

Answer 1

你可以为此使用一个foreignObject，参见例如http://bl.ocks.org/mbostock/1424037 .