Question

我一直在学习javascript库d3.js，并在学校帮助更多经验丰富的人物。我有点复制并粘贴bl.ocks.org示例，为我的网络增长模型创建可视化。我正在使用d3-tip在可视化时显示不同的节点特征。

在标题中包含这个允许我在html体中使用标准MathJax格式，但它不适用于d3-tips：

<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>

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

Resource 1

Resource 2

谢谢！

Answer 1

夫妻俩：

1。）当您动态添加MathJax内容时，需要将其重新排队到process。

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\\)";
})

示例here。

将MathJax放入d3-tips中的标题要求

1 个答案: