Come rimuovere il logo Plotly dai trame

Plotly è una libreria gratuita e open source che fornisce un ampio supporto per una vasta gamma di trame.

Tuttavia, noterai che include la motosistica nell'angolo in alto a destra di ogni trama. Sebbene ciò possa essere utile per azioni rapide come l'esportazione della trama in un file di immagine, può portare anche a una cattiva navigazione e visibilità, specialmente su display più piccoli.

Fortunatamente, ci consente di rimuovere la barra di modalità o elementi specifici di ModeBar come vediamo idoneo. In questo tutorial, impareremo come possiamo personalizzare la MODEBAR in Plotly usando il parametro di layout.

Grafico trama

Iniziamo illustrando la barra di modalità nelle figure di trama. Nel nostro esempio, creeremo una semplice trama di linea usando la trama.js.

Inizia creando un documento HTML e chiamalo line_plot.html.

Possiamo quindi aggiungere il codice della caldaia HTML e aggiungere il titolo e la trama.Biblioteca JS. Un codice di esempio è come mostrato di seguito:

Una volta creato, navigare al corpo del documento HTML e creare un elemento Div. Dagli un documento d'identità di "mydiv". Questo ci consentirà di utilizzare l'elemento Div e tracciare la figura.

Un codice di esempio è come mostrato:

Infine, apri un tag di script e aggiungi il codice come mostrato di seguito:

var trace1 =
X: [0, 1, 2, 3, 4],
Y: [1, 5, 3, 7, 5],
Modalità: "righe+marker",
Tipo: "Scatter",
;
var trace2 =
X: [1, 2, 3, 4, 5],
Y: [4, 0, 4, 6, 8],
Modalità: "righe+marker",
Tipo: "Scatter",
;
var data = [trace1, trace2];
Plotly.newPlot ("mydiv", dati);

Nell'esempio sopra, creiamo un grafico di linea semplice utilizzando i dati di esempio. Il codice sopra dovrebbe comportare la figura mostrata di seguito:

Si noti che il diagramma sopra include la MODEBAR per impostazione predefinita. Discutiamo ora come possiamo disabilitare l'intero o gli elementi della barra di modalità.

Disabilita traccia della barra di modalità

Per rimuovere l'intera base di modalità da un diagramma specifico, possiamo usare il parametro di layout. Un codice di esempio è come mostrato di seguito:

.. .Codice troncato .. .
var layout =
Titolo: "Grafico di linea senza ModeBar"

Plotly.newPlot ("mydiv", dati, layout, displayModeBar: false);
... codice troncato .. .

Nell'esempio sopra, iniziamo definendo l'oggetto layout che contiene le proprietà che desideriamo personalizzare. Nel nostro esempio, abbiamo fissato il titolo della figura usando la proprietà del titolo.

Successivamente, impostiamo la scompargente su False nella funzione newPlot (). Il codice sopra dovrebbe comportare la figura come mostrato di seguito:

Noterai che la MODEBAR non appare anche quando ci libramo.

Rimuovere la traccia del logo

In alcuni casi, potresti voler preservare la barra di modalità ma rimuovere il logo "prodotto con trama" da esso.

Per questo, possiamo impostare la proprietà Displaylogo su False come mostrato:

Plotly.newPlot ("mydiv", dati, layout, displaylogo: false);

Se eseguiamo il codice sopra, dovremmo vedere la figura con ModeBar ma il logo è nascosto:

Come possiamo vedere, la figura non contiene più il prodotto prodotto con il logo.

Rimuovi traccia dei pulsanti MODEBAR

È possibile passare i nomi dei pulsanti che si desidera rimuovere come array alla proprietà MODEBARBUTTONSTOREMOVE per rimuovere i pulsanti specifici dalla MODEBAR.

Considera la figura seguente prima di rimuovere i pulsanti.

Qui, possiamo vedere la MODEBAR ha tutti i pulsanti

Per rimuovere i pulsanti "toimage", ingrandisci e ingrandisci i pulsanti. Possiamo eseguire il codice come:

Plotly.newPlot ("mydiv", dati, layout, ModeBarButtonStoreMove: ['toImage', 'zoom2d', 'zoomin2d', 'zoomout2d']);

Nell'esempio sopra, rimuoviamo i pulsanti Toimage, Zoom, Zoom In e Zoom Out. La figura risultante è come mostrato:

Come possiamo vedere, i pulsanti specificati non sono disponibili da ModeBar.

Conclusione

In questo tutorial, hai imparato a personalizzare la barra di modalità nelle figure di trama. Abbiamo anche trattato come nascondere e mostrare la barra di modalità, rimuovere i pulsanti specifici dalla barra di modalità e come rimuovere il logo "prodotto con tracciamento".