D3 中的 html.js文本标记

html in d3.js text tag

本文关键字：文本 js 中的 html D3      更新时间：2023-09-26

我有一个轴：

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的方法。可能吗？如何？

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

相关文章：