ModernUI Charts: Gráficos modernos em WPF

As aplicações, sejam desktop ou web, costumam usar uma grande massa de dados para termos ciência de que rumo os negócios podem tomar. Para apresentar esses resultados de forma mais amigável para o cliente ou nossos superiores, usamos gráficos, mas nem sempre é fácil de se desenvolver ou utilizá-los, o que nos leva ao uso de bibliotecas que podem nos auxiliar a obter o resultado que desejamos com base em estruturas pré-formatadas.

Esses dados podem ser passados tanto por uma única base de dados como por várias bases, o que pode exigir um pouco mais de conhecimento na área.

O WPF (Windows Presentation Foundation) é uma das tecnologias .NET mais utilizadas no mercado para a criação de aplicações ricas graficamente para o usuário final.

Uma das apresentações gráficas mais úteis e que é vista em muitos projetos é a representação gráfica no formato bidimensional, que conta com os tipos linha, múltiplas linhas, retângulo, elipse, dentre outros modelos.

Mas o desenvolvimento de um gráfico rico em recursos visuais é muito cansativo. O que seria melhor é se a mesma biblioteca pudesse ser utilizada para WPF e outras aplicações, que é o que veremos daqui pra frente neste artigo.

Apresentaremos neste artigo uma biblioteca gratuita que pode ser utilizada para aplicações WPF e que teoricamente suporta os conceitos de aplicações Silverlight e Windows Store App. Esta biblioteca foi desenvolvida por Torsten Mandelkow e é chamada de ModernUI.

A biblioteca ModernUI pode ser utilizada livremente em nossos aplicativos, pois ela está sob a Licença Pública da Microsoft. Os tipos de gráficos presentes nesta biblioteca são os de barras, pizza, colunas, medidor radial e Doughnut. Todos livres de custos!

Criando uma aplicação utilizando Web API e WPF com a biblioteca ModernUI

Neste artigo vamos apresentar um exemplo de utilização da biblioteca no qual utilizaremos a base de dados pronta pertencente à Microsoft, a AdventureWorks2012_database.

Em nossa aplicação usaremos a ASP.NET Web API para realizarmos uma busca por nossos dados de vendas e, em seguida, disponibilizá-los para a nossa aplicação WPF, onde serão exibidos os nossos gráficos.

Além disso, utilizaremos o Visual Studio 2013 Ultimate (mas a versão Express também possui os recursos necessários) e o SQL Server 2014 para a realização dos nossos testes. Os links de download dessas tecnologias encontram-se na seção Links, ao final do artigo.

Para começarmos a nossa aplicação devemos criar uma solução vazia, que no nosso exemplo será chamada de GraficosModernos. Em seguida, como apresentado pela Figura 1, adicionaremos um novo projeto Web API chamado GraficosAPI. Ao criarmos o nosso projeto na solução vazia, este já carrega os pacotes básicos e suas referências para utilização.

abrir imagem em nova janela

Figura 1. Criação da solução GraficosModernos e do projeto GraficosAPI.

Agora adicionaremos a ele um ADO.NET Entity Data Model. Dê o nome para o item de GraficoModel, como mostrado pela Figura 2. Ao criarmos o nosso modelo podemos observar que uma nova janela foi aberta para que, a partir daí, possamos escolher uma das opções apresentadas.

Figura 2. Adição de uma entidade modelo.

Figura 3. Wizard para a chamada da base de testes.

Como a ...