Встраивание графа Discourse (Plotly)

:information_source: Краткое описание Встраивание графиков Plotly в сообщения с помощью уравнений
:hammer_and_wrench: Репозиторий GitHub - NateDhaliwal/discourse-graph-embed · GitHub
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Начинающее руководство по использованию тем Discourse

Установить этот компонент темы

Этот компонент позволяет пользователям добавлять графики с помощью Plotly.js в свои темы и ответы.

Чтобы воспользоваться этой функцией, нажмите на иконку image (:chart_increasing:) на панели форматирования. Затем просто отредактируйте уравнение внутри тега [wrap][/wrap]. (Случайно я обнаружил, что обратные кавычки внутри тега wrap не влияют на работу.)

Например:

Кроме того, вы можете навести курсор на график, чтобы увидеть координаты точек:

Сначала я пытался использовать встраивание Desmos, но это не сработало должным образом. Plotly (не имеет к нам никакого отношения) — отличная библиотека (и к тому же с открытым исходным кодом!), которая может это сделать, особенно в сочетании с MathJS (тоже с открытым исходным кодом) для выполнения вычислений.

Plotly позволяет использовать такие функции, как синус, косинус и тангенс, а также логарифмы (по основанию 10) и другие.

С помощью Plotly вы также можете скачать график в формате PNG, нажав на иконку :camera: в правом верхнем углу встроенного элемента.

:warning: ВНИМАНИЕ: Графики тригонометрических функций (например, sin, cos, tan) не являются «плавными» и выглядят немного угловатыми.

При желании вы можете включить настройку show_graph_in_modal (по умолчанию выключена), чтобы отображать график во всплывающем модальном окне вместо размещения под сообщением, чтобы он занимал меньше места.

В модальном окне нажмите кнопку Загрузить график[1], чтобы загрузить и отобразить график.

Сообщение:

Модальное окно:

Надеюсь, это будет полезно!


  1. Название и заголовок кнопки можно изменить с помощью переводов темы ↩︎

7 лайков

Иконка довольно… как бы это сказать, бледная :joy:

1 лайк

Я исправил ошибку. Теперь всё работает?

1 лайк

Прекрасно. Спасибо.

1 лайк

Я добавил новый параметр show_graph_in_modal, который позволяет отображать график во всплывающем модальном окне вместо размещения под постом, чтобы он занимал меньше места.

В модальном окне нажмите кнопку Загрузить график[1], чтобы загрузить и отобразить график.

Пост:

Модальное окно:


  1. Название и заголовок кнопки можно изменить через переводы темы ↩︎

4 лайка

Это довольно круто. Хорошая работа, Нейт :+1:

4 лайка