Javascript 将MathJax放入d3提示的标题要求

在学校经验丰富的角色的帮助下，我一直在攻读javascript库d3.js。我正在复制并粘贴bl.ocks.org示例，为我的网络增长模型创建可视化。我使用d3提示，在可视化时显示不同的节点特征

在标题中包含这一点允许我在html正文中使用标准MathJax格式，但它不适用于d3提示：

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
MathJax.Hub.Config({
  tex2jax: {
    inlineMath: [['$','$'], ['\\(','\\)']],
    processEscapes: true
  }
});
</script>

MathJax.Hub.Config({
tex2jax：{
inlineMath:[['$'，'$']，['\\（'，'\\）']]，
processEscapes：正确
}
});

我一直在谷歌搜索，特别是一个博客的例子，但他的例子对我有限的背景来说太神秘了。以下是博主所说的例子：

谢谢大家!

两件事：

1.）动态添加MathJax内容时，需要将其重新排队

2.

d3.tip.js

似乎正在吞噬

LaTeX

中使用的

\

转义字符，因此需要对其进行双重转义

综合起来：

var tip = d3.tip()
  .attr('class', 'd3-tip')
  .offset([-10, 0])
  .html(function(d) {
    setTimeout(function(){MathJax.Hub.Queue(["Typeset",MathJax.Hub]);}, 10);
    return "$ax^2 + bx + " + d.frequency + " = 0$" + "<br/>" + "\\(x_1 = 132\\)";
})

var tip=d3.tip（）
.attr（'class'，'d3 tip'）
.偏移量（[-10,0]）
.html（函数（d）{
setTimeout（function（）{MathJax.Hub.Queue（[“Typeset”，MathJax.Hub]）；}，10）；
返回“$ax^2+bx+”+d.frequency+”=0$“+”
“+”\\（x\u 1=132\）”；
})

---

示例。

作为一般性评论，我将避免使用d3.tip.js。它不像您希望的那样可定制，而且很容易制作工具提示。未来注意：cdn.mathjax.org即将结束，请查看迁移提示。谢谢您，Mark。setTimeout是关键。我仍在摸索javascript，因此该示例非常有助于阅读！