Plotly.å forestille seg

Bilder er et viktig verktøy når du jobber med statistiske figurer. De lar deg eksportere tallene til statiske bilder som du kan dele eller laste opp til et nettsted.

I denne artikkelen vil vi utforske hvordan vi kan eksportere de plotiske figurene til statiske bilder ved å bruke plottet.JS TOImage () -funksjon.

Uten mye videre, la oss dykke inn.

Plotly.å forestille seg()

Å eksportere en plotly.JS -figur til et statisk bilde, vi bruker toimage () -funksjonen. Funksjonssyntaksen er som vist i følgende:

TOIMAGE (Format: Target_image_Format, Bredde: Desired_image_size_in_pixels, høyde: ønsket_image_size_in_pixels).

Som vi kan se, har funksjonen en relativt enkel og grei syntaks.

Eksempel 1: Plottly.JS Eksportfigur til statisk PNG -fil

La oss illustrere hvordan vi kan eksportere en plottly.JS -figur ved hjelp av ToImage () -funksjonen. For denne opplæringen oppretter vi en enkel bar -plot som vist i følgende kode:

I den gitte koden bruker vi plottet.JS for å lage en bar plott av nettleserbruken. Vi kan kjøre koden og se plottet som vist i følgende:

Vi kan nå lagre barplottet i et statisk bilde som vist i følgende kode:

I dette eksemplet bruker vi D3 -biblioteket til å plotte. Vi starter med å ringe plottet.TOImage () -funksjonen og passere dataene inkludert funksjonen for å eksportere bildet. Vi passerer også formatet vi ønsker å eksportere bildet, i dette tilfellet, som PNG -fil.

Til slutt plotter vi bildet til IMG-taggen med ID for PNG-Export som spesifisert i variabelen.

Vi kan kjøre koden i nettleseren.

Du kan nå bruke nettleserverktøyene til å eksportere bildet til en fil på disken din.

Eksempel 2: Plottly.JS Lagre bilde som JPEG/JPG

Du kan også eksportere et tall som et JPG/JPEG -format ved å spesifisere formatparameteren. Et eksempelkode er som vist i følgende:

img_jpg.attr ("src", url);
Plotly.ToImage (GD, Format: "JPEG", Bredde: Target_Width, Height: Target_Width);

Det samme tilfellet gjelder når du eksporterer et bilde som SVG.

IMG_SVG.attr ("src", url);
Plotly.ToImage (GD, Format: 'SVG', Bredde: Target_Width, Height: Target_Height);

Konklusjon

I denne opplæringen lærte du hvordan du kan eksportere en plottfigur til en statisk PNG-, JPG- eller SVG -format ved hjelp av TOImage () -funksjonen fra Plotly.JS. Glad koding!!