Si tu aplicación android necesita mostrar datos estadísticos y de forma interactiva entonces este tutorial te será de mucha ayuda.

Si necesitas mostrar gráficos estadísticos puedes optar por usar librerias populares en android que de alguna manera te harán la vida más facil, pero librerias existen muchas y el común denominador de todas estas son el pésimo acabado en diseño que tienen, o en algunos casos lo complejo que es customizar un gráfico.

En internet puedes encontrar librerias super conocidas como AndroidPlot y AchartEngine que son super completas pero en diseño muy pobres y complicadas al momento de customizar, por otro lado estan librerias como WilliamChart, HelloChart y MPAndroidChart que son las que recomendaría usar si desean tener un diseño minimalista y super profesional.

En esta ocación les mostraré como crear un Pie Chart usando la librería MPAndroidChart.

1. Creación del proyecto y descarga de la librería.

En mi caso el proyecto está hecho en Andoid Studio, pero si usan Eclipse la única diferencia sería la gestión de librerias.

Lo primero que necesitamos es descargar el archivo .jar de MPAndroidChart aquí pueden ver el listado de versiones actuales y anteriores, yo elegiría sin temor la última versión lanzada ya que en este tipo de librerías los bugs son casi nulos, la diferencia en las versiones por el contrario son las mejoras en diseño y manejo de datos.

2. Agregar la libreria.

Una vez descargado el archivo procedan a agregarlo a su proyecto, en mi caso el archivo tiene el nombre “mpandroidchartlibrary-1-7-4.jar” y lo copiaré en la carpeta libs de mi proyecto.

screen_01_chart

Luego agregaré el .jar como librería, en mi caso solo necesito agregar esta linea de código en el archivo build.gradle de mi proyecto:

[codeblocks name=’build_gradle’]

screen_02_chart

 

3. Manos a la obra.

Definimos nuestro layout de la siguiente manera:

[codeblocks name=’chart_xml’]

Definimos nuestro activity de la siguiente manera:

[codeblocks name=’main_activity’]

Nota: en mi proyecto definí mis colores hexadecimales, en el archivo colors.xml dentro de la carpeta values.

[codeblocks name=’colors_xml’]

 

4. Listo!

Finalmente solo quedará ejecutar el proyecto y ver como queda su gráfico, verán un pieChart super minimalista con un diseño limpio y con los datos ordenados, aquí les dejo un preview de lo que pueden obtener en su proyecto:

Screenshot_mpchart

Pueden descargar el proyecto completo aquí.

Espero que este post les sea de mucha utilidad al momento de hacer sus gráficos en android, en los próximos posts les mostraremos como hacer gráficos en forma de barra, gráficos lineales y demás.

Si tiene algunas complicaciones al intentar customizar sus gráficos pueden enviarnos un email con su duda  o dejarlo en los comentarios y los ayudaremos sin dudar 🙂