Plotly js: Latex funktioniert nicht

Question

Ich kann Latex in plotly nicht arbeiten lassen. Hier

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

ist ein Beispiel auf jsfiddle: https://jsfiddle.net/gn1nnaup/

Beispiel genommen wurde aus https://plot.ly/javascript/LaTeX/

Es führt den folgenden Fehler: plotly-latest.min.js:11 Error: <rect> attribute x: Expected length, "NaN".

Answer 1

Sie benötigen zwei kleine Änderungen an der Geige.

1. MathJax.js?config=TeX-AMS-MML_SVG statt MathJax.js?config=TeX-MML-AM_CHTML
2. In Ihrem Code/importieren Sie die TeX Bibliothek hat before die Plotly Bibliothek

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>