Primeros pasos con Microcharts Xamarin

por | diciembre 13, 2017

Hoy estaba buscando la forma de llevar a cabo mis proyectos de forma sencilla con gráficos orientados a Xamarin en dispositivos moviles.

Buscando en la red encontre microcharts una sencilla forma de implementar graficos.

Microcharts . Microcharts es una selección de gráficos comunes que son fáciles de usar, visualmente agradables y que tienen en cuenta la compatibilidad multiplataforma.

Microcharts proporciona gráficos listos para usar para Android, iOS, macOS, UWP e incluso Xamarin.Forms. Si ya está usando SkiaSharp en su aplicación, también puede renderizarlos en cualquier lienzo de SkiaSharp.

Entradas de datos

Cada gráfico mostrado a través de Microcharts consume un conjunto de entradas de datos, y siempre tendrán la misma estructura independientemente del tipo de gráfico que desee visualizar.
Cada entrada tendrá:

  • Un número flotante que representa su valor (requerido) .
  • Una Labeldescripción de a qué está asociada su entrada.
  • ValueLabelpara formatear tu valor.
  • Colorasociado con la entrada.

Aquí hay una muestra rápida de un conjunto de puntos de entrada que trazaremos en un momento:

Tipos de gráficos

Se incluye una amplia gama de gráficos en Microcharts, por lo que puede elegir el que mejor se adapte a su aplicación y a sus datos. Todo lo que necesita hacer es establecer las entradas de datos a través de la Entriespropiedad de cualquier control de gráfico.

Gráfico de barras

Gráfico de linea

PointChart

RadialGauge

Rosquilla

Radar

Mostrando un cuadro

Para mostrar un gráfico, necesitaremos alojarlo en a ChartView.

Los datos del gráfico ahora pueden verse afectados por la Chartpropiedad de vista .

La Chartpropiedad es una propiedad enlazable, por lo que también está perfectamente bien usar un enlace de un ViewModel
para esto.

Prism Shortcode Error: field, url, data_src is missing

El ejemplo anterior usa Xamarin.Forms, pero las vistas integradas también están disponibles para iOS, Android, macOS y UWP directamente.

 

Fuente oficial:

https://blog.xamarin.com/microcharts-elegant-cross-platform-charts-for-any-app/

Próximo articulo implementación de microsharp en un proyecto real.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *