Added MathJax CDN to enable Latex

CHANGELOG.md

@@ -2,6 +2,11 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.22.2] - 2018-04-30
+### Fixed
+- Previously, dash did not render LateX since the MathJax.js library was not loaded. This has now been fixed.
+See https://github.com/plotly/dash-core-components/pull/194.
+
 ## [0.22.1] - 2018-04-09
 ### Fixed
 - Various bugs with the `ohlc` and `candlestick` chart type in the `dcc.Graph`

MANIFEST.in

@@ -7,5 +7,6 @@ include dash_core_components/plotly-1.35.2.min.js
 include dash_core_components/react-virtualized-select@3.1.0.css
 include dash_core_components/react-virtualized@9.9.0.css
 include dash_core_components/react-dates@12.3.0.css
+include dash_core_components/mathjax-2.7.4.js
 include README.md
 include LICENSE.txt

dash_core_components/__init__.py

@@ -22,6 +22,11 @@
 _this_module = _sys.modules[__name__]
 
 _js_dist = [
+	{
+        'external_url': 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML',
+        'relative_package_path': 'mathjax-2.7.4.js',
+        'namespace': 'dash_core_components'
+    },
     {
         'external_url': 'https://cdn.plot.ly/plotly-1.35.2.min.js',
         'relative_package_path': 'plotly-1.35.2.min.js',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dash-core-components",
-  "version": "0.22.1",
+  "version": "0.22.2",
   "description": "Core component suite for Dash",
   "repository": {
     "type": "git",

test/test_integration.py

@@ -496,3 +496,27 @@ def update_graph(n_clicks):
         button.click()
         time.sleep(2)
         self.snapshot('candlestick - 2 click')
+
+    def test_latex(self):
+        app = dash.Dash(__name__)
+        app.layout = html.Div([
+
+            html.Label('Graph'),
+            dcc.Graph(
+                id='graph',
+                figure={
+                    'data': [{
+                        'x': [1, 2, 3, 4, 5],
+                        'y': [1, 3, 5, 9, 13]
+                    }],
+                    'layout': {
+                        'title': '$sqrt{(n_\\text{c}(t|{T_\\text{early}}))}$'
+                    }
+                }
+            ),
+        ])
+        self.startServer(app=app)
+
+        graph = self.wait_for_element_by_css_selector('#graph .svg-container')
+        time.sleep(4)
+        self.snapshot('latex rendering in graph')