Gráfico de rosca: crie um visual personalizado usando o Chararticulator

Este tutorial mostrará como criar uma visualização de gráfico de rosca usando o Charticulator . É semelhante a um gráfico de pizza; a diferença é que um gráfico de rosca apresenta categorias como arcos em vez de fatias. Você aprenderá como projetar e criar seu próprio gráfico de rosca para seu relatório de dados do LuckyTemplates.

Índice

• Lançamento do Chararticulator
• Criando o gráfico de rosca
• Colocando o gráfico de rosca no LuckyTemplates
• Conclusão

Lançamento do Chararticulator

Primeiro, crie e exporte um conjunto de dados para o Charticulator. Para este exemplo, os dados utilizados são a Região e o Nº de Reclamações .

Em seguida, clique nas reticências da tabela e selecione Exportar dados.

Depois disso, acesse charticulator.com e clique em Launch Charticulator . Localize e abra o conjunto de dados exportado.

Uma vez feito isso, você será direcionado para a tela do Chararticulator.

Criando o gráfico de rosca

Coloque um retângulo de Marcas na tela Glifo.

Em seguida, altere a ordem da pilha para Y.

Coloque No. Of Complaints na largura da barra dentro do Glyph.

Altere a ordem de classificação para decrescente selecionando a ordem de classificação para No. Of Complaints . Você verá um gráfico de barras mostrando uma ordem decrescente.

Para criar a forma de rosquinha, arraste Polar de Scaffolds para a tela. Isso altera o gráfico de barras em coordenadas polares.

Você verá que o pedido começa com o valor mais alto. Este também tem o maior diâmetro.

Você pode personalizar o design do gráfico ajustando a circunferência.

Se você quiser adicionar cores aos donuts, abra os atributos de Shape1 e coloque Region na seção Fill.

Você pode modificar a cor de cada rosquinha dependendo do que preferir. Depois disso, o gráfico de rosca ficará assim.

Em seguida, adicione Texto aos donuts para indicar qual região ele representa. Traga o texto para dentro da tela Glyph e coloque-o na borda esquerda da barra.

Em seguida, abra os atributos de Text1 e coloque Region na seção Text. Você verá os rótulos no gráfico.

Combine as cores dos rótulos com as cores do gráfico colocando Região na seção Cor dos mesmos atributos.

Seu gráfico de rosca agora ficará assim.

Crie outro Text para exibir os valores nos donuts. Traga o texto na tela Glyph e coloque-o ao lado do rótulo da região. Em seguida, abra seus atributos e coloque o Nº de Reclamações na seção Texto.

Remova os decimais nos valores alterando 0,1 para 0,0 na seção Texto.

É assim que o visual do gráfico de rosca ficará.

Colocando o gráfico de rosca no 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 quaisquer alterações nos eixos quando uma transição de contexto de filtro for invocada. Em seguida, insira um nome visual e exporte o arquivo.

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

Clique no ícone do Chararticulator com o nome visual do gráfico de rosca e preencha a seção Campos com os dados correspondentes. Depois, você verá o gráfico de rosca no painel.

Você também pode criar interações com outros gráficos. Neste exemplo, um gráfico de barras é usado para invocar transições de contexto de filtro. Para criar interações, vá para a guia Formato e clique em Editar interações . Em seguida, selecione os gráficos que deseja interagir e clique no ícone de interação.

Agora, quando você tenta clicar em uma barra, pode ver que o gráfico de rosca muda junto com os dados correspondentes no gráfico de barras .

Conclusão

Gráficos circulares como gráficos de rosca fornecem dados valiosos de uma maneira incrível. Eles mostram informações e ajudam a melhorar a aparência do painel do LuckyTemplates. Eles são semelhantes aos gráficos de barras, mas são arredondados e não ocupam muito espaço.

Você descobrirá como é fácil criar um gráfico de rosca no Chararticulator. Portanto, se você deseja melhorar suas habilidades de geração de relatórios de dados e aprender mais sobre como criar visualizações impressionantes, maximize este tutorial e confira o restante de nossos módulos de visualização de dados.

Mudassir