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!
