Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在谷歌图表中包含带有MathJax的LaTeX符号?_Javascript_Google Visualization_Mathjax - Fatal编程技术网

Javascript 在谷歌图表中包含带有MathJax的LaTeX符号?

Javascript 在谷歌图表中包含带有MathJax的LaTeX符号?,javascript,google-visualization,mathjax,Javascript,Google Visualization,Mathjax,在使用生成的树形图中,我希望包含使用MathJax生成的LaTeX符号。使用通常在整个HTML文件中工作的$$命令,我无法在图表本身的javascript代码中重现这些符号。有没有办法做到这一点 下面是JSFIDLE的总结: MathJax.Hub.Config({ 匹配网络字体:{ 匹配:{ “HTML-CSS”:正确, NativeMML:错, SVG:false }, 日期:2000年, fontCheckTimeout:30*1000 }, jax:[“输入/文本”,“输出/HTML-

在使用生成的树形图中,我希望包含使用MathJax生成的LaTeX符号。使用通常在整个HTML文件中工作的$$命令,我无法在图表本身的javascript代码中重现这些符号。有没有办法做到这一点

下面是JSFIDLE的总结:


MathJax.Hub.Config({
匹配网络字体:{
匹配:{
“HTML-CSS”:正确,
NativeMML:错,
SVG:false
},
日期:2000年,
fontCheckTimeout:30*1000
},
jax:[“输入/文本”,“输出/HTML-CSS”],
“HTML-CSS:{linebreaks:{automatic:true},matchFontHeight:true,scale:90},
SVG:{linebreaks:{automatic:true},matchFontHeight:true},
tex2jax:{inlineMath:[['$','$']}
});
load(“可视化”、“1”、{packages:[“orgchart”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('string','Name');
data.addColumn('string','Manager');
data.addColumn('string','ToolTip');
data.addRows([
[{v:'Mike',f:'One'},,'',
[{v:'Jim',f:'Two$我可以在这里买乳胶吗$'},'Mike','''',
[{v:'Alice',f:'Three$\in$'},'Mike',']
]);
var chart=new google.visualization.OrgChart(document.getElementById('chart_span');
chart.draw(数据,{allowtml:true});
}
这不是乳胶。
$\int(此\,为)$
由于图表将异步加载,MathJax的初始排版过程将在图表到达时结束

因此,您需要通过添加

        MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
要使用
drawChart
函数,请参见下面的代码段和

PS:请记住,JavaScript中的TeX字符串需要大量转义,例如,
\\in


MathJax.Hub.Config({
匹配网络字体:{
匹配:{
“HTML-CSS”:正确,
NativeMML:错,
SVG:false
},
日期:2000年,
fontCheckTimeout:30*1000
},
jax:[“输入/文本”,“输出/HTML-CSS”],
“HTML-CSS:{linebreaks:{automatic:true},matchFontHeight:true,scale:90},
SVG:{linebreaks:{automatic:true},matchFontHeight:true},
tex2jax:{inlineMath:[['$','$']}
});
load(“可视化”、“1”、{packages:[“orgchart”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('string','Name');
data.addColumn('string','Manager');
data.addColumn('string','ToolTip');
data.addRows([
[{v:'Mike',f:'One'},,'',
[{v:'Jim',f:'Two$我可以在这里买乳胶吗$'},'Mike','''',
[{v:'Alice',f:'Three$\in$'},'Mike',']
]);
var chart=new google.visualization.OrgChart(document.getElementById('chart_span');
chart.draw(数据,{allowtml:true});
Queue([“Typeset”,MathJax.Hub]);
}
这不是乳胶。
$\int(此\,为)$
Peter,你知道有没有办法让MathJax在“数据工具提示”形式的工具提示中显示公式?例如:如果不是,我可能会使用jQueryUI工具提示。我对Google图表API了解不够,但快速浏览一下,你试过了吗?常规的工具提示不能包含HTML(纯文本)。我担心这只适用于谷歌图表,而在这种情况下,当某些单词在我的网页上悬停时,我试图让工具提示出现。有很多方法可以解决这个问题,但是数据工具提示功能特别适合我的需要。不管怎样,我很感激你的建议。你是说使用简单的CSS3获取数据属性的工具提示吗?或者你正在使用一些JS库来获取它?简单的CSS,是的。我最终使用了类似的方法:必须为工具提示指定一个固定的宽度,但它可以正确显示作业和方程式。再次感谢您回复我。来自未来的提示:cdn.mathjax.org即将结束,请查看mathjax.org/cdn-shutting-down以了解迁移技巧。
        MathJax.Hub.Queue(["Typeset",MathJax.Hub]);