Grafico del discorso (Plotly) Incorpora![image|616x500](upload://yffctWFiXHM44cODU8IlioEzbDC.p

:information_source: Riepilogo Incorpora grafici Plotly nei post da un’equazione
:hammer_and_wrench: Repository GitHub - NateDhaliwal/discourse-graph-embed
:question: Guida all’installazione Come installare un tema o un componente tema
:open_book: Nuovo ai temi di Discourse? Guida per principianti all’uso dei temi di Discourse

Installa questo componente tema

Questo componente consente agli utenti di aggiungere grafici utilizzando Plotly.js ai loro argomenti e risposte.

Per utilizzarlo, fai clic sull’icona image (:chart_increasing:) nella barra degli strumenti di formattazione. Quindi, modifica semplicemente l’equazione all’interno di [wrap][/wrap]. (Per pura coincidenza, ho scoperto che i backtick nel wrap non influivano su nulla)

Ad esempio:

Inoltre, puoi passare il mouse sul grafico per trovare le coordinate dei punti:

Originariamente ho provato a utilizzare un embed Desmos, ma non ha funzionato molto bene. Plotly (nessuna affiliazione) è una libreria fantastica (e anche open-source!) che può farlo, abbinata a MathJS (anche open-source) per eseguire i calcoli.

Plotly ti consente anche di utilizzare cose come seno, coseno e tangente, nonché logaritmi (base 10) e altri.

Con Plotly, puoi anche scaricare il grafico come PNG facendo clic sull’icona :camera: nell’embed in alto a destra.

:warning: NOTA: I grafici delle funzioni trigonometriche (ad es. sin, cos, tan) non sono “curvi” e risultano piuttosto appuntiti.

Facoltativamente, puoi abilitare l’impostazione show_graph_in_modal (impostazione predefinita su off) per visualizzare il grafico in una finestra popup modale invece che sotto il post, in modo che non occupi così tanto spazio.

Nella modale, fai clic sul pulsante Carica Grafico[1] per caricare e visualizzare il grafico.

Post:

Modale:

Spero sia utile!


  1. L’etichetta e il titolo del pulsante sono modificabili come traduzioni del tema ↩︎

7 Mi Piace

L’icona è piuttosto… dovrei descriverla pallida :joy:

1 Mi Piace

Ho inviato una correzione. Funziona ora?

1 Mi Piace

Magnificamente. Grazie.

1 Mi Piace

Ho aggiunto una nuova impostazione show_graph_in_modal per visualizzare il grafico in una finestra modale invece che sotto il post, in modo che non occupi così tanto spazio.

Nella modale, fare clic sul pulsante
Carica grafico[1] per, appunto, caricare e visualizzare il grafico.

Post:

Modale:


  1. L’etichetta e il titolo del pulsante sono modificabili come traduzioni del tema ↩︎

4 Mi Piace

questo è fantastico. bel lavoro Nate :+1:

3 Mi Piace