gpt4 book ai didi

javascript - 将 MathJax 放入 d3-tips 的 header 要求

转载 作者:行者123 更新时间:2023-11-30 17:10:00 26 4
gpt4 key购买 nike

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

在标题中包含这个允许我在 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

谢谢!

最佳答案

一些事情:

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 .

关于javascript - 将 MathJax 放入 d3-tips 的 header 要求,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27219341/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com