| 摘要 | 从方程嵌入 Plotly 图表 | |
| 代码库 | GitHub - NateDhaliwal/discourse-graph-embed | |
| 安装指南 | 如何安装主题或主题组件 | |
| 不熟悉 Discourse 主题? | Discourse 主题使用入门指南 |
安装此主题组件
此组件允许用户使用 Plotly.js 向其主题和回复添加图表。
要使用此功能,请点击格式工具栏中的
(
) 图标。然后,只需编辑 [wrap][/wrap] 中的方程即可。(纯属巧合,我发现 wrap 中的反引号并没有影响任何内容)
例如:
另外,您还可以将鼠标悬停在图表上以查找点的坐标:
我最初尝试使用 Desmos 嵌入,但效果不太好。Plotly(无关联)是一个很棒的库(而且是开源的!),可以做到这一点,并与 MathJS(也是开源的)结合使用来运行计算。
Plotly 还允许您使用诸如正弦、余弦和正切以及对数(以 10 为底)等函数。
使用 Plotly,您还可以通过点击右上角嵌入中的
图标将图表下载为 PNG。
注意:三角函数(例如
sin、cos、tan)的图表不是“弯曲”的,它们会显得有些尖锐。
可选地,您可以启用 show_graph_in_modal 设置(默认为关闭),将图表显示在模态弹出窗口中,而不是帖子下方,这样就不会占用太多空间。
在模态窗口中,点击 \u003ckbd\u003e加载图表\u003c/kbd\u003e[1] 按钮来加载和显示图表。
帖子:
模态窗口:
希望这对您有所帮助!
按钮标签和标题可在主题翻译中编辑 ↩︎




