如何在PLATLY DASH APP中编写数学符号? [英] How to write math symbols in plotly dash app?
本文介绍了如何在PLATLY DASH APP中编写数学符号?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我要在绘图仪表盘应用程序中绘制数学符号。
例如,我尝试过:
import dash
import dash_html_components as html
app = dash.Dash(__name__)
app.layout = html.Div(
children=[
html.P(r'$ Area (m^{2}) $'),
dcc.Markdown(r'$ Area (m^{2}) $')
]
)
app.run_server()
结果如下:
如何才能获得这些结果?
推荐答案
您可以尝试使用Mathjax。以下代码在我的端运行(Python3.9.1,dash==1.19.0,dash-html-Components==1.1.2)
首先在当前项目的Assets文件夹中创建一个javascript文件(anyname.js)。在该文件中只有以下行:setInterval("MathJax.Hub.Queue(['Typeset',MathJax.Hub])",1000);
然后返回到您的python文件:
from dash import Dash
import dash_html_components as html
MATHJAX_CDN = '''
https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/
MathJax.js?config=TeX-MML-AM_CHTML'''
external_scripts = [
{'type': 'text/javascript',
'id': 'MathJax-script',
'src': MATHJAX_CDN,
},
]
app = Dash(__name__, external_scripts=external_scripts)
app.layout = html.Div(
children=[
html.P('''(Area)((m^2)) '''),
]
)
app.run_server()
注意事项:
- 我从来没能让Mathjax在降价中工作 组件。
- 此解决方案不适用于最新的Mathjax版本(也不适用于 2.7.7)。我不确定它将与哪个最新版本一起使用。
如果您能够解决这两个警告中的任何一个,请让我知道。
这篇关于如何在PLATLY DASH APP中编写数学符号?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文