Como remover o logotipo da plotagem das parcelas

Plotly é uma biblioteca gratuita e de código aberto que fornece um amplo suporte para uma ampla gama de parcelas.

No entanto, você notará que a plotly inclui a barra de modo no canto superior direito de cada trama. Embora isso possa ser benéfico para ações rápidas, como exportar o enredo para um arquivo de imagem, ele pode levar também a uma navegação e visibilidade deficientes, especialmente em telas menores.

Felizmente, plotly nos permite remover a barra de moda ou elementos específicos da barra de modo como vemos o ajuste. Neste tutorial, aprenderemos como podemos personalizar a barra de moda na plotagem usando o parâmetro de layout.

Gráfico da plotagem

Vamos começar ilustrando a barra de moda em figuras ploptly. Em nosso exemplo, criaremos um enredo simples de linha usando plotagem.JS.

Comece criando um documento HTML e chame -o de linha.html.

Podemos então adicionar código de caldeira HTML e adicionar o título e plotly.Biblioteca JS. Um código de exemplo é como mostrado abaixo:

Uma vez criado, navegue até o corpo do documento HTML e crie um elemento div. Dê um id de "mydiv". Isso nos permitirá usar o elemento div e plotar a figura.

Um código de exemplo é como mostrado:

Por fim, abra uma tag de script e adicione o código como mostrado abaixo:

var trace1 =
x: [0, 1, 2, 3, 4],
y: [1, 5, 3, 7, 5],
Modo: "Linhas+marcadores",
Tipo: "dispersão",
;
var trace2 =
X: [1, 2, 3, 4, 5],
y: [4, 0, 4, 6, 8],
Modo: "Linhas+marcadores",
Tipo: "dispersão",
;
var dados = [trace1, trace2];
Plotly.newPlot ("mydiv", dados);

No exemplo acima, criamos um gráfico de linha simples usando dados de amostra. O código acima deve resultar na figura mostrada abaixo:

Observe que o gráfico acima inclui a barra de modo por padrão. Vamos agora discutir como podemos desativar todo o ou elementos da barra de modo.

Plotly desativar a barra de modo

Para remover toda a barra de modo de um gráfico específico, podemos usar o parâmetro de layout. Um código de exemplo é como mostrado abaixo:

.. .Código truncado… .
var layout =
Título: "Line Gráfico sem barra de modo"

Plotly.newPlot ("mydiv", dados, layout, DisplayModeBar: false);
… Código truncado… .

No exemplo acima, começamos definindo o objeto de layout que possui as propriedades que desejamos personalizar. Em nosso exemplo, definimos o título da figura usando a propriedade do título.

Em seguida, definimos a barra DILAMODEBER como falsa na função newPlot (). O código acima deve resultar na figura como mostrado abaixo:

Você notará que a barra de moda não aparece mesmo quando passamos.

Plotly Remova o logotipo da plotagem

Em alguns casos, você pode preservar a barra de moda, mas remova o logotipo "produzido com plotagem".

Para isso, podemos definir a propriedade DisplayLogo como false como mostrado:

Plotly.newPlot ("mydiv", dados, layout, displayLogo: false);

Se executarmos o código acima, devemos ver a figura com a barra de modo, mas o logotipo está oculto:

Como podemos ver, a figura não contém mais o produzido com o logotipo da plotly.

Remova os botões da barra de moda

Você pode passar os nomes dos botões que deseja remover como uma matriz para a propriedade ModeBarbuttonStoremove para remover botões específicos da barra de moda.

Considere a figura abaixo antes de remover os botões.

Aqui, podemos ver a barra de modo ter todos os botões

Para remover o 'toimage', aumentar o zoom, aumentar o zoom e aumentar os botões. Podemos executar o código como:

Plotly.newPlot ("mydiv", dados, layout, modeBarbuttonStoremove: ['toimage', 'zoom2d', 'zoomin2d', 'zoomout2d']);

No exemplo acima, removemos os botões Toimage, Zoom, Zoom In e ampliando o zoom. A figura resultante é como mostrado:

Como podemos ver, os botões especificados não estão disponíveis na barra de moda.

Conclusão

Neste tutorial, você aprendeu a personalizar a barra de moda em figuras ploptly. Também abordamos como ocultar e mostrar a barra de moda, remover botões específicos da barra de moda e como remover o logotipo "produzido com plotagem".