d3.js文本标签中的html

Question

I have an axis:

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>]");

but apparently the label is rendered 'as is'. Changing the last line to

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

still does not produce what I want. How to make text tag display processed html? I'm looking for general solution that will allow me to put any html code into the label. However, the best would be the way to use LaTeX. Is it possible? How?

Answer 1

您可以foreignObject使用foreignObject对象，请参见例如http://bl.ocks.org/mbostock/1424037 。