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

d3.js文本标签中的html

1 个答案: