Plotly.Toimage

As imagens são uma ferramenta importante ao trabalhar com figuras estatísticas. Eles permitem que você exporte os números para imagens estáticas que você pode compartilhar ou fazer upload para um site.

Neste artigo, exploraremos como podemos exportar as figuras da plotagem para imagens estáticas usando a plotagem.função js toimage ().

Sem muito mais barulho, vamos mergulhar.

Plotly.toimage ()

Para exportar uma trama.JS figura em uma imagem estática, usamos a função Toimage (). A sintaxe da função é como mostrado no seguinte:

Toimage (formato: Target_Image_Format, Width: desessado_image_size_in_pixels, altura: deseado_image_size_in_pixels).

Como podemos ver, a função tem uma sintaxe relativamente simples e direta.

Exemplo 1: plotly.Figura de exportação JS para o arquivo PNG estático

Vamos ilustrar como podemos exportar um plotagem.figura js usando a função toimage (). Para este tutorial, criamos um gráfico de barras simples, como mostrado no código a seguir:

No código dado, usamos o plotagem.JS para criar uma trama de barra do uso do navegador. Podemos executar o código e visualizar o gráfico como mostrado no seguinte:

Agora podemos salvar o gráfico da barra em uma imagem estática, como mostrado no código a seguir:

Neste exemplo, usamos a biblioteca D3 para plotar. Começamos ligando para a trama.Toimage () função e passa os dados, incluindo a função para exportar a imagem. Também passamos pelo formato em que desejamos exportar a imagem, neste caso, como arquivo png.

Finalmente, plotamos a imagem para a tag IMG com o ID do png-export, conforme especificado na variável.

Podemos executar o código no navegador.

Agora você pode usar as ferramentas do navegador para exportar a imagem para um arquivo em seu disco.

Exemplo 2: plotly.JS salvar imagem como jpeg/jpg

Você também pode exportar uma figura como formato JPG/JPEG especificando o parâmetro de formato. Um código de exemplo é como mostrado no seguinte:

img_jpg.attr ("src", url);
Plotly.toimage (gd, format: "jpeg", largura: target_width, altura: target_width);

O mesmo caso se aplica ao exportar uma imagem como SVG.

img_svg.attr ("src", url);
Plotly.toimage (gd, format: 'svg', largura: target_width, altura: target_height);

Conclusão

Neste tutorial, você aprendeu como pode exportar um plotly figurar para um formato estático png, jpg ou svg usando a função toImage () da plotly.JS. Codificação feliz!!