O X do Xamarin Forms — Gráficos

Fala galera,

beleza?

Alguns aplicativos, principalmente os que trabalha com dados financeiros, vendas e etc, muitas vezes tem a necessidade de exibir gráficos. Mesmo que nos financeiros meu gráfico esteja sempre no vermelho hahahaha.

Existe uma forma muito simples de exibir diversos gráficos em Xamarin.Forms, com o incrível controle : Microcharts!

Então vamos ver como utilizar este controle e todas as possibilidades de gráficos que ele nos oferece ! Bora!

Configurando o controle

Vamos ao nuget baixar os pacotes Microcharts e Microcharts.Forms , sim vamos instalar a versão 0.8.5-pre , pois ele corrige diversos bugs da versão atual.

Inclusive é a que estou usando em produção :

Instale em todos os projetos, e só!.

Utilizando Microcharts

Existem diversos tipos de gráficos no Microcharts:

E para dar um exemplo de implementação vamos criar um Rank de consoles vendidos , Global. Ultima atualização Abril de 2019 :)

Para utilizar o Microcharts na tela vamos utilizar o namespace xmlns:microcharts=”clr-namespace:Microcharts.Forms;assembly=Microcharts.Forms” e criar 6 tipos de graficos para demonstrar as variações :

Beleza! Agora vamos implementar a lógica para criar os gráficos :

O ChartEntry fica responsável por ser o objeto para gerar cada dado separado do grafico. Nele podemos definir o valor, cor no gráfico, cor do texto e texto exibido.

O Chart é o tipo de gráfico que sera exibido na tela. No Exemplo implemente os 6 tipos , para mostrar a diferença entre eles :). Cada gráfico possui propriedades próprias de customização, deixando o controle bem flexível.

Vamos rodar :

Bem legal e simples Não?

Caso queira baixar o código utilizado no Exemplo: Clique aqui.

Quer ver outros artigos sobre Xamarin ? Clique aqui.

Espero ter ajudado!

Aquele abraço!