Gráfico de barras de preenchimento – uma variedade de gráficos de barras para relatórios do LuckyTemplates

Neste tutorial, você aprenderá como criar um novo tipo de visualização de gráfico de barras chamado Gráfico de Barras de Preenchimento. É um gráfico que mostra o valor atual e total de uma categoria e, em seguida, fornece uma imagem de um gráfico de barras sendo preenchido. Você também aprenderá como transformá-lo em uma nova variedade de gráfico de rosca usando coordenadas polares.

Índice

• Exportando um conjunto de dados para o Chararticulator
• Projetando o gráfico de barras de preenchimento
• Adicionando cores para preencher as barras
• Exportando o gráfico de barras de preenchimento para o LuckyTemplates
• Transformando o gráfico usando coordenadas polares
• Conclusão

Exportando um conjunto de dados para o Chararticulator

Primeiro, crie e exporte um conjunto de dados para o Charticulator . O conjunto de dados usado neste exemplo contém Year , Total Defects e Total Defects All .

Clique nas reticências na tabela e selecione Exportar dados.

Em seguida, vá para charticulator.com e clique em Launch Charticulator.

Em seguida, localize e abra o conjunto de dados exportado. Depois disso, você será redirecionado para a tela do Chararticulator.

Projetando o gráfico de barras de preenchimento

Crie a forma principal do gráfico colocando um retângulo na tela Glyph.

Altere o empilhamento das barras para Stack Y.

Agora, você precisa colocar as medidas no eixo x. Clique em Data Axis e coloque-o no eixo x do retângulo dentro do Glyph.

Posicione-o do canto inferior esquerdo para o canto inferior direito do eixo. Data Axis permite que um eixo tenha várias medidas nele.

Uma vez feito isso, coloque Total Defects e Total Defects All no Data Axis dentro da tela Glyph.

Seu gráfico ficará assim.

Nos atributos do DataAxis1, defina o intervalo como 0 para que os valores no eixo x comecem em 0.

Em seguida, exclua o retângulo na tela Glyph e defina as formas das medidas. Coloque um retângulo no Glifo do lado esquerdo até o ponto da primeira medida.

Para a segunda medida, coloque um retângulo do ponto da primeira medida até o final do eixo.

Adicionando cores para preencher as barras

Adicione cores a cada barra no gráfico. Abra os Atributos de Shape1 e coloque Total Defects na seção Width.

Se você adicionar uma cor na seção Preenchimento dos Atributos de Shape1, verá que a barra para o valor atual é enfatizada.

A barra amarela é o valor atual enquanto a barra cinza é o valor total. Agora está dando a imagem do valor atual preenchendo o valor total.

Oculte o Eixo de Dados abrindo os Atributos de DataAxis1 e desmarcando a caixa Visível.

Em seguida, reduza e ajuste o tamanho das barras nos Atributos das Formas. Adicione círculos na tela Glyph para torná-la semelhante a um gráfico de barras redondo. Arraste dois círculos de Marcas para Glifo e alinhe-os em ambas as extremidades da barra.

Ajuste o tamanho dos círculos para corresponder ao tamanho das barras. Seu gráfico de barras de preenchimento ficará assim.

Por fim, crie um espaço entre as barras arrastando uma barra para longe da outra.

Exportando o gráfico de barras de preenchimento para o LuckyTemplates

Salve o arquivo e exporte-o para Visual personalizado do LuckyTemplates .

Desmarque as opções de eixo automático nas configurações de Eixos e Escalas para evitar alterações nos eixos quando uma transição de contexto de filtro é invocada. Em seguida, insira um nome visual e exporte o arquivo do gráfico.

Abra o LuckyTemplates e importe o arquivo do gráfico de barras de preenchimento. Clique nas reticências abaixo de Visualizações e selecione Importar um visual de um arquivo.

Localize e abra o arquivo. Em seguida, clique no ícone do Chararticulator com o nome visual do arquivo. Você verá o visual no painel.

Ajuste as margens e o plano de fundo para corresponder ao seu relatório de dados e preferência. Depois de concluído, o gráfico de barras de preenchimento ficará assim.

Se você deseja mostrar apenas uma barra em seu relatório, vá para a seção Filtro e defina o tipo de filtro como Filtragem básica. Você verá uma seleção de filtro para os anos de 2018 e 2019. Em seguida, marque a caixa do ano que deseja exibir em seu relatório.

Você também pode usar outro gráfico para invocar transições de contexto. Para este exemplo, um gráfico de barras simples é usado. Vá para a guia Formato e clique em Editar interações. Em seguida, crie uma interação entre o gráfico de barras de preenchimento e o gráfico de barras.

Se você selecionar uma barra no gráfico de barras ou qualquer gráfico usado, verá que o gráfico de barras de preenchimento será alterado.

Transformando o gráfico usando coordenadas polares

Outra coisa que você pode fazer é transformar o gráfico de barras em um gráfico de rosca. Remova os círculos de ambas as extremidades da barra e arraste Polar para a tela. Você verá que o gráfico de barras de preenchimento agora é um gráfico de rosca de preenchimento.

Gráficos de barras de comparação com o Charticulator no LuckyTemplates
Criar uma visualização de gráfico de barras com o Charticulator

Conclusão

Se você deseja uma nova aparência para seus gráficos de barras, tente praticar e utilizar este tutorial. Os gráficos de barras de preenchimento ajudarão a tornar seus relatórios do LuckyTemplates mais interessantes. Eles também facilitam a compreensão de todos os dados e informações dentro do gráfico.

Saiba mais sobre gráficos de barras de preenchimento ou Chararticulator lendo os módulos relacionados sobre gráficos e visualizações . Você pode praticar os módulos usando seus próprios dados para melhorar suas habilidades de desenvolvimento de dados.

Mudassir