| Краткое описание | Встраивание графиков Plotly в сообщения с помощью уравнений | |
| Репозиторий | GitHub - NateDhaliwal/discourse-graph-embed · GitHub | |
| Руководство по установке | Как установить тему или компонент темы | |
| Новичок в темах Discourse? | Начинающее руководство по использованию тем Discourse |
Установить этот компонент темы
Этот компонент позволяет пользователям добавлять графики с помощью Plotly.js в свои темы и ответы.
Чтобы воспользоваться этой функцией, нажмите на иконку
(
) на панели форматирования. Затем просто отредактируйте уравнение внутри тега [wrap][/wrap]. (Случайно я обнаружил, что обратные кавычки внутри тега wrap не влияют на работу.)
Например:
Кроме того, вы можете навести курсор на график, чтобы увидеть координаты точек:
Сначала я пытался использовать встраивание Desmos, но это не сработало должным образом. Plotly (не имеет к нам никакого отношения) — отличная библиотека (и к тому же с открытым исходным кодом!), которая может это сделать, особенно в сочетании с MathJS (тоже с открытым исходным кодом) для выполнения вычислений.
Plotly позволяет использовать такие функции, как синус, косинус и тангенс, а также логарифмы (по основанию 10) и другие.
С помощью Plotly вы также можете скачать график в формате PNG, нажав на иконку
в правом верхнем углу встроенного элемента.
ВНИМАНИЕ: Графики тригонометрических функций (например,
sin,cos,tan) не являются «плавными» и выглядят немного угловатыми.
При желании вы можете включить настройку show_graph_in_modal (по умолчанию выключена), чтобы отображать график во всплывающем модальном окне вместо размещения под сообщением, чтобы он занимал меньше места.
В модальном окне нажмите кнопку Загрузить график[1], чтобы загрузить и отобразить график.
Сообщение:
Модальное окно:
Надеюсь, это будет полезно!
Название и заголовок кнопки можно изменить с помощью переводов темы ↩︎




