Plotly js：乳胶不起作用

Question

我不能让乳胶在情节上工作。

var trace1 = {
  x: [1, 2, 3, 4],
  y: [1, 4, 9, 16],
  name: '$\alpha_{1c} = 352 \pm 11 \text{ km s}^{-1}$',
  type: 'scatter'
};
var trace2 = {
  x: [1, 2, 3, 4],
  y: [0.5, 2, 4.5, 8],
  name: '$\beta_{1c} = 25 \pm 11 \text{ km s}^{-1}$',
  type: 'scatter'
};
var data = [trace1, trace2];
var layout = {
  xaxis: {title: '$\sqrt{(n_\text{c}(t|{T_\text{early}}))}$'},
  yaxis: {title: '$d, r \text{ (solar radius)}$'}
};
Plotly.newPlot('myDiv', data, layout);

这是一个关于 jsfiddle 的例子：https://jsfiddle.net/gn1nnaup/

示例取自https://plot.ly/javascript/LaTeX/

它会抛出以下错误：plotly-latest.min.js:11 Error: <rect> attribute x: Expected length, "NaN".

Answer 1

你需要对你的小提琴进行两个微小的改动。

1. MathJax.js?config=TeX-AMS-MML_SVG 而不是 MathJax.js?config=TeX-MML-AM_CHTML
2. 在您的代码/导入中，TeX 库必须来自 before Plotly 库

var trace1 = {
  x: [1, 2, 3, 4],
  y: [1, 4, 9, 16],
  name: '$\\alpha_{1c} = 352 \\pm 11 \\text{ km s}^{-1}$',
  type: 'scatter'
};
var trace2 = {
  x: [1, 2, 3, 4],
  y: [0.5, 2, 4.5, 8],
  name: '$\\beta_{1c} = 25 \\pm 11 \\text{ km s}^{-1}$',
  type: 'scatter'
};
var data = [trace1, trace2];
var layout = {
  xaxis: {title: '$\\sqrt{(n_\\text{c}(t|{T_\\text{early}}))}$'},
  yaxis: {title: '$d, r \\text{ (solar radius)}$'}
};
Plotly.newPlot('myDiv', data, layout);

<div id="myDiv" style="width:100%"></div>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>