Objetos Visuales en MS Excel 2016

By | octubre 22, 2017

El Velocímetro


Cuándo desarrollamos un Dashboard o Cuadro de Mando, es esencial crear Objetos visuales que nos permitan dar visibilidad a los KPI´s.

A continuación, construiremos un “Velocímetro”. Este funciona con la interacción de los datos expresados en porcentaje. Por ejemplo; si quisiéramos expresar la participación de mercado o el alcance de las ventas respecto al objetivo y en verdad, cualquier rendimiento medible en una actividad será posible expresarlo con objetos visuales.

Veremos la estructura para esta construcción, en la cual nos permitirá paso a paso levantar este indicador.

 

Paso 1: Los datos del tablero

En una columna ingresamos los datos de 0 al 100 con un intervalo de 10. En la columna siguiente ingresamos porcentajes que van repetidamente en 10% para terminar con el último con el 100%.

Es decir;

A partir de aquí, con estos datos establecemos un gráfico de anillo y lo insertamos.

Rangueamos las columnas de datos y porcentaje y nos vamos a la pestaña “Insertar”, en el cuadro de gráficos hacemos clic en el indicador de apertura para abrir las opciones.

Una vez adentro de las opciones del Cuadro de Gráficos, debemos abrir la opción de la pestaña “Todos los Gráficos

 

 

Elegimos el gráfico de Anillo, el segundo modelo, que contempla una serie. Es decir;

 

Ahora, hay que trabajar el gráfico. Si se dan cuenta el gráfico está dividido en 2 partes, una tiene 10 porciones de igual tamaño, tomando la mitad del gráfico  y otra que cubre la otra mitad al 100% que está de color azul. Esto corresponde al rango de los “Porcentajes” ,considerados como valores de la serie del gráfico.

Una vez el gráfico de anillo presente, debemos girarlo a 270° con el fin de dejar la mitad que está al 100% hacia abajo para que el de las porciones aparezca al frente.

Hacemos clic sobre la figura del anillo para marcar los datos de las series y luego presionamos el botón derecho y elegimos del menú contextual la opción

Dar Formato a Serie de datos

En el caso que solo le demos clic con el botón derecho al cuadro grande del gráfico y no al anillo, tendremos también la opción para llegar a dar Formato. La cual la opción del menú contextual sería “Formato del Área del Gráfico

Al lado del gráfico se desplazará las opciones de las cuales vamos a trabajar:

En las opciones de serie tenemos:

  1. Ángulo del primer sector: Este nos permite girar el gráfico. Debemos colocarlo en 270°
  2. Sección de anillos: Aquí se le indica el espaciado que tendrá cada sección del anillo. Se expresa en porcentaje, en este caso un 5% estaría adecuado.
  3. Tamaño del Agujero del anillo: Es la circunferencia interior del anillo. Esto permitirá que las secciones varíen en su densidad o ancho. En un 55% estaría adecuado.

Inmediatamente los cambios quedan visibles por lo cual se reconocerán en cada paso.

Ahora, damos clic en el punto de datos mas grande, que es la que tiene la mitad del 100%. Por lo que quedará activa según la imagen.

 

Luego, sin salir de la ventana de opciones, cambiaremos a la Opción de Puntos de datos.

Estas opciones funcionan como un acordeón; se le hacemos clic en el triángulo invertido al lado de Relleno, veremos como se despliegan las opciones a marcar.

Entonces;

Hacer Clic en la opción “Relleno” en la que podremos hacer elección y en este caso necesitamos dejar sin visibilidad, es decir sin relleno.

En la opción siguiente, que sería Bordes, debemos dejar marcada la opción Sin lineas.

Al hacer clic en el triángulo invertido o bullets de la opción Borde, se desplegarán las opciones a la que marcaremos como elegida.

 

El gráfico estaría quedand0 así:

Ahora, vamos a sacar de la visibilidad a algunas elementos del gráfico como es el título y la leyenda de las categorías.

 

entonces, desmarcamos los siguientes elementos del gráfico:

  1. Título del gráfico
  2. Leyenda

A continuación, agregaremos activando la casilla de Etiqueta de datos, los valores 

El resultado se vería así:


Ahora vienen los cambios de estética, ya es una labor mas doméstico.

  1. Arreglar los porcentajes, colocándolos de manera escalable de 0 a 100%.
  2. Colocar los colores de cada sección según el sentido visual que indican los valores.


Hasta aquí el tablero estaría listo, solamente nos faltaría desarrollar la aguja con interacción con los datos.

Segundo Paso: Construcción de la aguja del marcador interactivo

Los datos emanan de la siguiente tabla:

Los valores de X van desde cero a 0,637424, este ultimo se obtiene de una función matemáticas como sigue:

Nota: el coseno es negativo (-).

donde I3 es la celda que contiene el porcentaje que interacturá…para el ejemplo más arriba es el avance %.

Los valores de Y van desde cero a 0,7705132, este ultimo se obtiene de una función matemáticas como sigue:

donde I3 es la celda que contiene el porcentaje que interacturá…para el ejemplo más arriba es el avance %.

Una vez ingresadas las funciones, tanto para X como para Y, debemos realizar los siguientes pasos:

Copiar los valores de X,Y

los valores 0,637424 para el extremo de X y 0,7705132 no son fijos ya que dependen del valor porcentual de I3 calculado en la fórmula.

Luego, hacer clic sobre el gráfico, en el anillo para activarlo.

después; desde la pestaña Inicio hacer clic en Pegar, y opción Pegado especial

En el menú de Pegado especial, le indicamos que agregue al gráfico lo pegado como una Nueva serie y le damos Aceptar.

De esta manera, incluimos una segunda serie de anillo, que luego la cambiaremos de tipo de gráfico. Este debe quedar de la siguiente manera:

 

Ahora esa nueva serie, Serie2 le cambiaremos el tipo de gráfico, dado los datos X,Y pasará a un gráfico de dispersión.

primero marcamos el gráfico, luego sobre este presionamos botón derecho y obtendremos la opción para Cambiar tipo de gráfico de series

 

al dar clic entraremos al cuadro de Cambio de tipo de Gráfico y seleccionaremos Cuadro Combinado.

 

En la Serie2 seleccionamos el gráfico de dispersión:

 

El gráfico de dispersión es el con líneas rectas:

Una vez realizado el cuadro combinado, le damos Aceptar.

El resultado sería el siguiente:

 

Ahora sólo nos queda ajustar los valores de los ejes para la aguja, ya que así está fuera de los rangos.

Primero, el eje horizontal lo marcamos, haciendo clic sobre los números para entrar a cambiar los valores.

 

Presionamos botón derecho sobre este y luego seleccionamos desde el menú contextual la opción Dar Formato al Eje.

entrando en esta opción, debemos darle los nuevos valores para el eje, los cuales deben ser:

para el inicio: -1

para el final: 1

Con esto dejamos el eje horizontal de los valores en la posición correcta.

Ahora bien, nos falta ajustar los valores para el eje Y, para lo cual debemos repetir los pasos anteriores.

 

Los ajustes de los datos de los ejes X,Y están resueltos, en la imagen a continuación muestra como deben quedar posicionados.

Ahora, eliminamos las leyendas de los ejes X,Y,… también eliminaremos las lineas de fondo, tanto las verticales como las horizontales.

Para esto, solo debemos hacer clic sobre ellos para que se marquen, luego presionamos la tecla Suprimir.

Debiera quedar así:

Para terminar, le daremos un toque a la aguja:

  1. Indicador tipo flecha
  2. mayor grosor
  3. cambio de color

Lo primero es dar clic sobre la aguja para marcarlo y sobre esto dar clic al botón derecho y seleccionar la opción Esquema

Dentro de Esquema tenemos las herramientas para cambiar color, grosor y elemento flecha.

Finalmente, el velocímetro queda así:

Deja un comentario

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