Black Lives Matter. Please consider donating to Black Girls Code today.
Learn how to use COVID-19 data in open source Dash apps. Register for the Sept 23rd webinar with IQT!

Latex not working

Latex is not working in 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);
Here is an example on jsfiddle: https://jsfiddle.net/gn1nnaup/

Example was taken from https://plot.ly/javascript/LaTeX/

It throws the following error: plotly-latest.min.js:11 Error: attribute x: Expected length, “NaN”.

Looks like you didn’t specify the correct MathJax config.

Make sure you import MathJax as:

 <script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG">

Did you try yourself?
It doesn’t work.

Works for me here: http://codepen.io/etpinard/pen/EydZBx

Thank you!
This works!!!