Support Centre

Pesquisa

Use a configuração do gráfico para personalizar um gráfico em seu design acessível

Renée Meloche
Renée Meloche
  • Atualizado

Altere as cores do gráfico, a borda, o texto da legenda e muito mais no painel "Configuração" do gráfico. Para saber mais sobre como adicionar dados ou texto alternativo a gráficos em seu design acessível,  confira este artigo  . 

Alterar cores do gráfico

Abra o cabeçalho "  Estilo de gráfico  " na guia "Configuração" do painel "Editar gráfico".

Use o quadrado seletor de cores ao lado de cada categoria de dados para alterar a cor com que os dados serão exibidos no gráfico.

Um usuário clica no quadrado do seletor de cores ao lado de várias categorias de dados na guia 'Configuração' do painel 'Editar gráfico' no editor Venngage. Usando o seletor de cores, eles mudam as cores.
 

A  Taxa de contraste  na parte inferior do menu seletor de cores exibirá  automaticamente  se a cor  atende às diretrizes de taxa de contraste de cores  .

Use o seletor de cores ao lado de qualquer elemento do gráfico em "Configuração" para alterar suas cores.

Um usuário clica no título Linhas de grade na guia Configuração no painel Editar gráfico e altera as linhas de grade de claras para escuras no plano de fundo de um gráfico de colunas.

Cores e outros elementos de design  ajudam a tornar os dados e gráficos mais acessíveis para leitores com deficiência visual ou leitores com outras necessidades de acomodação.

 

Altere a borda, o espaçamento e o diâmetro do orifício do donut

Certos gráficos permitem que você personalize bordas ou espaçamento da área de colunas de valor. 

Modifique os valores de borda ou espaçamento com o controle deslizante ou digitando um valor no campo ao lado do controle deslizante. 

Uma tela de design é aberta no Venngage Editor atualizado. A tela de design é azul claro e há um gráfico de pizza no centro da tela; o gráfico de pizza é dividido em 4 segmentos de tamanhos variados. o painel Editar gráfico está aberto, sobrepondo parte da tela no lado direito da tela. Um usuário clica no quadrado do seletor de cores ao lado do cabeçalho Cor da borda. O usuário muda a cor de branco para verde brilhante. O usuário então clica e arrasta o controle deslizante ao lado da ferramenta Largura da borda. Na tela de desenho, a borda entre o segmento no gráfico de pizza fica mais espessa, tornando a cor verde brilhante mais visível.

 

Transforme um gráfico de pizza em um gráfico de rosca com o controle deslizante ao lado de "  Buraco de rosca  " ou altere a porcentagem de tamanho inserindo um valor no campo de porcentagem. 

Uma tela de design é aberta no Venngage Editor atualizado. A tela de design é azul claro e há um gráfico de pizza no centro da tela; o gráfico de pizza é dividido em 4 segmentos de tamanhos variados. o painel Editar gráfico está aberto, sobrepondo parte da tela no lado direito da tela. Um usuário clica e arrasta o controle deslizante ao lado da configuração do buraco Donut. Na tela, um buraco no centro do gráfico de pizza fica maior ou menor conforme o usuário arrasta o controle deslizante.

Ativar e desativar padrões

Os padrões tornam mais fácil  para pessoas com  deficiência visual ou outras dificuldades  distinguir entre diferentes conjuntos de dados em um gráfico. 

Use a alternância para aplicar padrões gerados automaticamente aos segmentos do gráfico.

Uma tela de design é aberta no Venngage Editor atualizado. A tela de design é azul claro e há um gráfico de pizza em forma de rosca no centro da tela; o gráfico é dividido em 4 segmentos de tamanhos variados. o painel Editar gráfico está aberto, sobrepondo parte da tela no lado direito da tela. Um usuário clica no botão ao lado de Mostrar padrões no painel Editar gráfico. Os padrões se tornam visíveis em cada um dos segmentos do gráfico de pizza, exclusivos para cada segmento. O usuário desativa Mostrar padrões; os padrões não aparecem no gráfico de pizza. O usuário ativa Mostrar padrões; padrões novos e exclusivos aparecem em cada segmento do gráfico de pizza.

Segmentos do gráfico de rótulos

Ative os rótulos para aplicá-los aos diferentes segmentos ou barras do seu gráfico. Usando as  ferramentas  Fonte   e   Estilo de texto   , personalize os rótulos para que  as cores sejam fáceis de ler  e o tamanho da fonte seja acessível para leitores com deficiência visual.

Uma tela de design é aberta no Venngage Editor atualizado. A tela de design é azul claro e há um gráfico de pizza em forma de rosca no centro da tela; o gráfico é dividido em 4 segmentos de tamanhos variados. Cada um dos segmentos do gráfico possui um rótulo com o nome do valor e uma porcentagem, por exemplo, 'Diretores, 32%', 'Gerentes, 31%', etc. O painel Editar gráfico está aberto, sobrepondo parte da tela no lado direito da tela. Um usuário ajusta os valores sob o cabeçalho Labels, alterando a fonte dos rótulos no gráfico de Oswald para Verdana e, em seguida, alterando o tamanho do texto de 18 para 24 pt; em seguida, a cor da fonte, de azul marinho a preto, e o estilo do texto, de negrito a itálico.

Personalize como a legenda é exibida

Você pode usar uma legenda para representar os diferentes segmentos e valores de seu gráfico, em vez de rótulos. 

Use a alternância ao lado de   Legendas  no  painel  Editar gráfico   para ativar a Legenda. Controle como a legenda aparece com as opções Fonte e Estilo de texto na Legenda. 

Uma tela de design é aberta no Venngage Editor atualizado. A tela de design é azul claro e há um gráfico de pizza em forma de rosca no centro da tela; o gráfico é dividido em 4 segmentos de tamanhos variados. O painel Editar Gráfico está aberto, sobrepondo parte da tela no lado direito da tela. Um usuário clica na alternância ao lado do cabeçalho Legenda. Uma legenda representando as cores e os valores do gráfico aparece abaixo do gráfico. O usuário customiza a Legenda alterando a face da fonte, em seguida alterando o tamanho do texto de 12 para 18 pt; em seguida, a cor da fonte de azul marinho para preto e o estilo do texto para negrito.

Explore mais dicas e truques de design para tornar seus gráficos mais acessíveis  e mostrar seus dados de maneira envolvente.

Esse artigo foi útil?

Usuários que acharam isso útil: 0 de 0

Tem mais dúvidas? Envie uma solicitação