Hvordan fjerne plotly logo fra plott

Plotly er et gratis og åpen kildekodebibliotek som gir omfattende støtte for et bredt spekter av tomter.

Du vil imidlertid legge merke til at plottly inkluderer modusstangen på øverste høyre hjørne av hver tomt. Selv om dette kan være gunstig for raske handlinger som å eksportere plottet til en bildefil, kan det også føre til dårlig navigering og synlighet, spesielt på mindre skjermer.

Heldigvis tillater plotly oss å fjerne modusstangen eller spesifikke elementer i modusbaren når vi synes passer. I denne opplæringen vil vi lære hvordan vi kan tilpasse modusbaren i plotly ved hjelp av layoutparameteren.

Plottkart

La oss starte med å illustrere modusbaren i plottfigurer. I vårt eksempel vil vi lage en enkel linjeplott ved hjelp av plottly.JS.

Begynn med å lage et HTML -dokument og ring det Line_plot.html.

Vi kan deretter legge til HTML kjeleplate -kode og legge til tittelen og plottere.JS -bibliotek. Et eksempelkode er som vist nedenfor:

Når du er opprettet, navigerer du til kroppen til HTML -dokumentet og oppretter et DIV -element. Gi den en ID av “MyDIV”. Dette vil tillate oss å bruke DIV -elementet og plotte figuren.

Et eksempelkode er som vist:

Til slutt, åpne en skriptet merke og legg til koden som vist nedenfor:

var trace1 =
x: [0, 1, 2, 3, 4],
Y: [1, 5, 3, 7, 5],
modus: "linjer+markører",
Type: "Spredning",
;
var trace2 =
X: [1, 2, 3, 4, 5],
Y: [4, 0, 4, 6, 8],
modus: "linjer+markører",
Type: "Spredning",
;
var data = [TRACE1, TRACE2];
Plotly.NewPlot ("MyDIV", data);

I eksemplet over oppretter vi en enkel linjegraf ved hjelp av eksempler på data. Koden over skal føre til figuren vist nedenfor:

Merk at plottet ovenfor inkluderer modusbar som standard. La oss nå diskutere hvordan vi kan deaktivere hele eller elementene i modusbaren.

Deaktivering av modusstang

For å fjerne hele modusbaren fra et bestemt plott, kan vi bruke layoutparameteren. Et eksempelkode er som vist nedenfor:

.. .Kode avkortet .. .
var layout =
Tittel: "Linjegraf uten modus"

Plotly.NewPlot ("MyDIV", data, Layout, DisplayModeBar: False);
... kode avkortet .. .

I eksemplet over starter vi med å definere layoutobjektet som holder egenskapene vi ønsker å tilpasse. I vårt eksempel satte vi tittelen på figuren ved å bruke tittelegenskapen.

Deretter setter vi DisplamodeBar til False i Newplot () -funksjonen. Koden over skal resultere i figuren som vist nedenfor:

Du vil merke at modusbaren ikke vises selv når vi svever.

Fjern plotly logo

I noen tilfeller kan det være lurt å bevare modusbaren, men fjerne den "produserte med plottly" -logoen fra den.

For det kan vi sette DisplayLogo -egenskapen til False som vist:

Plotly.NewPlot ("MyDIV", data, Layout, DisplayLogo: FALSE);

Hvis vi kjører koden over, bør vi se figuren med modusbaren, men logoen er skjult:

Som vi kan se, inneholder figuren ikke lenger den produserte med plottlogo.

Fjern modebar -knapper

Du kan sende navnene på knappene du ønsker å fjerne som en matrise til ModeBarbuttonStoremove -egenskapen for å fjerne spesifikke knapper fra Modebar.

Tenk på figuren nedenfor før du fjerner knappene.

Her kan vi se at modusbaren har alle knappene

For å fjerne 'toimage', zoom, zoome inn og zoome ut knapper. Vi kan kjøre koden som:

Plotly.NewPlot ("MyDIV", data, Layout, ModeBarButtonStoremove: ['ToImage', 'Zoom2d', 'Zoomin2d', 'Zoomout2d']);

I eksemplet over fjerner vi toimage, zoom, zoom inn og zoome ut knapper. Den resulterende figuren er som vist:

Som vi kan se, er de spesifiserte knappene utilgjengelige fra modusbaren.

Konklusjon

I denne opplæringen lærte du hvordan du kan tilpasse modusbaren i plottfigurer. Vi dekket også hvordan du kan skjule og vise modusbaren, fjerne spesifikke knapper fra modusbaren og hvordan du fjerner den "produserte med plottly" -logoen.