MPAndroidChart, la biblioteca de los gráficos

c046c62bd170e328688b7218ba70e07c_post_chart_android-800-320-

Hola CubaCoders:

Empezamos el año y volvemos a la carga con Android, quizás muchos de ustedes hayan querido alguna vez hacer un gráfico para mostrar alguna información al usuario que use nuestras aplicaciones, si ese es el caso pues el tutorial que les traigo hoy les será de mucha ayuda, se trata de una biblioteca llamada MPAndroidChart que nos facilitara la construcción de estos gráficos de una forma sencilla y con un diseño minimalista, bueno sin más vamos a ello.

Lo primero que haremos será crear un nuevo proyecto y lo titularemos Graficos, luego nos dirigiremos a la carpeta donde se creó el mismo y dentro de la carpeta app/libs copiaremos la biblioteca que por supuesto aquí abajo les dejo para que la descarguen.

MPAndroidChart

Hecho esto nos dirigiremos a Android Studio y damos clic derecho sobre la biblioteca y seleccionamos la opción Add As Library, dejamos que Android Studio procese un momento y entonces vamos a definir el gráfico en el layout de la siguiente manera:

<com.github.mikephil.charting.charts.PieChart
    android:id=”@+id/pieChart”
    android:layout_width=”match_parent”
    android:layout_height=”match_parent”
    android:layout_margin=”10dp” />

 

De esta parte no hay mucho que comentar solo que como ven el nombre es PieChart, lo cual indica que estamos construyendo un gráfico de pastel. Ahora solo nos falta setear el gráfico y darle algunas propiedades y lo hacemos escribiendo dentro del método onCreate() lo siguiente:

PieChart pieChart;

pieChart = (PieChart) findViewById(R.id.pieChart);

      /*definimos algunos atributos*/
      pieChart.setHoleRadius(40f);
      pieChart.setRotationEnabled(true);
      pieChart.animateXY(1500, 1500);

/*creamos una lista para los valores Y*/
      ArrayList<Entry> valsY = new ArrayList<Entry>();
      valsY.add(new Entry(5* 100 / 25,0));
      valsY.add(new Entry(20 * 100 / 25,1));

   /*creamos una lista para los valores X*/
      ArrayList<String> valsX = new ArrayList<String>();
      valsX.add(“Varones”);
      valsX.add(“Mujeres”);

   /*creamos una lista de colores*/
      ArrayList<Integer> colors = new ArrayList<Integer>();
      colors.add(Color.RED);
      colors.add(Color.GREEN);

   /*seteamos los valores de Y y los colores*/
      PieDataSet set1 = new PieDataSet(valsY,null);
      set1.setSliceSpace(3f);
      set1.setColors(colors);

/*seteamos los valores de X*/
      PieData data = new PieData(valsX, set1);
      pieChart.setData(data);
      pieChart.highlightValues(null);
      pieChart.invalidate();

 

Ahora vamos a comentar un poco lo que hemos hecho:

Las primeras líneas son básicas así que no nos vamos a detener en ellas, vamos a detenernos en la creación de la lista de valores Y, estos valores representan el % que ocupa cada dato que queremos representar en este caso hombre y mujeres, luego creamos una lista de valores X, los valores X no serán más que los nombres de estos datos, luego una lista de colores, estos colores serán para diferenciar los hombres de las mujeres y ya por últimos vamos a setearlos para que el gráfico asocie cada dato a su porciento y color y cuando compilemos nuestra aplicación se verá así:

screenshot_0107145902

Con estos pocos pasos hemos creado un gráfico de pastel en el que representamos el % de hombres y mujeres, si se están preguntando si esta biblioteca sirve para otros gráficos la respuesta es sí, solo hay que cambiarle el tipo y algunos parámetros para conformar el gráfico que quieran.

Espero que les haya gustado y les haya servido de mucho si fue así no se olviden de dejar un comentario que siempre nos viene bien y nos ayuda a mejorar en el trabajo que hacemos.

Share
Soy Ingeniero en Ciencias Informáticas, me encanta programar sobre todo en C# y Android

6 thoughts on “MPAndroidChart, la biblioteca de los gráficos

  1. queda muy bien, y con esas explicaciones tan precisas puedo programar hasta yo que no tengo ni idea de android jaja… felicidades por la página, muy buena

  2. Excelente, y como dice ycl, das explicaciones tan precisas, yo estaba muy preocupada en que iba a ser muy difícil crearlos y la verdad tu aporte me ayudo muchísimo a entra a la parte gráfica de android studio. Sigue asi, exitooo1

Deja un comentario

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