Plotly.immaginare

Le immagini sono uno strumento importante quando si lavora con figure statistiche. Ti consentono di esportare le figure in immagini statiche che puoi condividere o caricare su un sito Web.

In questo articolo, esploreremo come possiamo esportare le figure di trama in immagini statiche usando la trama.funzione js toimage ().

Senza molto più induce, immergiamoci.

Plotly.immaginare()

Per esportare una trama.JS figura in un'immagine statica, utilizziamo la funzione toimage (). La sintassi della funzione è come mostrata nella seguente:

TOIMAGE (FORMATO: TARGET_IMAGE_FORMAT, larghezza: desiderato_image_size_in_pixels, altezza: desiderato_image_size_in_pixels).

Come possiamo vedere, la funzione ha una sintassi relativamente semplice e diretta.

Esempio 1: trama.JS Export Figure in File PNG statico

Illustriamo come possiamo esportare una trama.JS Figura usando la funzione toimage (). Per questo tutorial, creiamo un semplice diagramma a barre come mostrato nel codice seguente:

Nel codice indicato, usiamo la trama.JS per creare un diagramma a barre dell'utilizzo del browser. Possiamo eseguire il codice e visualizzare la trama come mostrato nel seguente:

Ora possiamo salvare il diagramma a barre in un'immagine statica come mostrato nel codice seguente:

In questo esempio, usiamo la libreria D3 per tracciare. Iniziamo chiamando la trama.TOIMAGE () funzione e passare i dati inclusa la funzione per esportare l'immagine. Passiamo anche il formato in cui desideriamo esportare l'immagine, in questo caso, come file PNG.

Infine, tracciamo l'immagine nel tag IMG con l'ID di PNG-Export come specificato nella variabile.

Possiamo eseguire il codice nel browser.

Ora puoi utilizzare gli strumenti del browser per esportare l'immagine in un file sul disco.

Esempio 2: trama.JS Salva immagine come jpeg/jpg

Puoi anche esportare una figura come formato jpg/jpeg specificando il parametro del formato. Un codice di esempio è come mostrato nel seguente:

img_jpg.attr ("src", url);
Plotly.toimage (gd, formato: "jpeg", larghezza: target_width, altezza: target_width);

Lo stesso caso si applica quando si esporta un'immagine come SVG.

img_svg.attr ("src", url);
Plotly.toimage (gd, formato: 'svg', larghezza: target_width, altezza: target_height);

Conclusione

In questo tutorial, hai imparato come esportare una trama in un formato statico PNG, JPG o SVG utilizzando la funzione ToImage ().js. Codice felice!!