Discourse Graph (Plotly) 嵌入![图片|616x500](upload://yffctWFiXHM44cODU8IlioEzbDC.p

:information_source: 摘要 从方程嵌入 Plotly 图表
:hammer_and_wrench: 代码库 GitHub - NateDhaliwal/discourse-graph-embed
:question: 安装指南 如何安装主题或主题组件
:open_book: 不熟悉 Discourse 主题? Discourse 主题使用入门指南

安装此主题组件

此组件允许用户使用 Plotly.js 向其主题和回复添加图表。

要使用此功能,请点击格式工具栏中的 image (:chart_increasing:) 图标。然后,只需编辑 [wrap][/wrap] 中的方程即可。(纯属巧合,我发现 wrap 中的反引号并没有影响任何内容)

例如:

另外,您还可以将鼠标悬停在图表上以查找点的坐标:

我最初尝试使用 Desmos 嵌入,但效果不太好。Plotly(无关联)是一个很棒的库(而且是开源的!),可以做到这一点,并与 MathJS(也是开源的)结合使用来运行计算。

Plotly 还允许您使用诸如正弦、余弦和正切以及对数(以 10 为底)等函数。

使用 Plotly,您还可以通过点击右上角嵌入中的 :camera: 图标将图表下载为 PNG。

:warning: 注意:三角函数(例如 sincostan)的图表不是“弯曲”的,它们会显得有些尖锐。

可选地,您可以启用 show_graph_in_modal 设置(默认为关闭),将图表显示在模态弹出窗口中,而不是帖子下方,这样就不会占用太多空间。

在模态窗口中,点击 \u003ckbd\u003e加载图表\u003c/kbd\u003e[1] 按钮来加载和显示图表。

帖子:

模态窗口:

希望这对您有所帮助!


  1. 按钮标签和标题可在主题翻译中编辑 ↩︎

7 个赞

这个图标相当……我该说它苍白吗?:joy:

1 个赞

我已经推送了一个修复程序。现在可以正常工作了吗?

1 个赞

优美的。谢谢。

1 个赞

我添加了一个新设置 show_graph_in_modal,用于在模态弹出窗口中显示图表,而不是在帖子下方显示,这样就不会占用太多空间。

在模态窗口中,单击按钮 Load Graph[1],即可加载并显示图表。

帖子:

模态窗口:


  1. 按钮标签和标题可作为主题翻译进行编辑 ↩︎

4 个赞

这很酷。干得好,Nate :+1:

3 个赞