¿Elementos NO seleccionados en una slicera?

Share on facebook
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp

Contenidos

Recientemente asistí a una reunión escolar (clase de 1981 por lo que vale, ¡guau, soy viejo!). Todos lo pasamos muy bien poniéndonos al día, mirando fotos antiguas, tomando fotos nuevas, etc. ¡Cómo han cambiado las cosas! De todos modos, eso me hizo pensar que sería genial hacer algo genial con Power BI y las fotos de mi clase.

No quiero compartir esas fotos en mi blog sin pedir permiso a cada persona, así que he decidido replicar la idea usando Los Simpson (sin su permiso).

Haga clic en una slicera y vea a esa persona

Mi idea era cargar las fotos de la escuela y también las fotos de la reunión en una sola página. A continuación, el usuario puede hacer clic en un selector con el nombre de alguien (o cualquier otra información sobre personas) y «ver» a esas personas resaltadas en la foto. Empecé a pensar que podría usar el excelente panel sinóptico de los italianos para este. El único problema que pude prever fue que Synoptic Panel está diseñado para proporcionar sombreado sobre una imagen basado en lo que fue seleccionado. Quería sombrear / esconder a esas personas que NO fueron seleccionados. De todos modos, me encantan los desafíos.

Esto es lo que construí

item-not-selected-8525964

Instalación del panel sinóptico

Primero instalé el visual personalizado Synoptic Panel. Microsoft Store ahora está incrustado en Power BI, por lo que utilicé los elementos del menú como se muestra a continuación.

  • Hice clic en Desde la tienda (n. ° 1 a continuación)
  • Escribió ‘syn‘(# 2, abreviatura de Panel sinóptico)
  • Hizo clic en buscar y no obtuve nada (n. ° 3)

image_thumb-1793350

Cuando escribí ‘sinóptico‘y busqué de nuevo, esta vez funcionó. Mmm, un poco de trabajo que hacer allí Microsoft! Estoy bastante seguro de que su principal competencia en motores de búsqueda habría encontrado Synoptic Panel para mí si hubiera buscado ‘syn‘en una lista de menos de cien elementos.

image_thumb-1-3437745

De todos modos, instalé el visual personalizado como se muestra arriba.

Ahora, ¿cómo usarlo?

En realidad, estaba un poco confundido sobre cómo usar Synoptic Panel al principio. Esperaba ver rápida y fácilmente una forma de importar una imagen, pero en realidad tuve que leer la documentación para saber cómo hacerlo.

En resumen, necesitas:

  1. Cargue una tabla de datos coincidentes.
  2. Coloque al menos 2 elementos en la tarjeta de la sección Campos del panel sinóptico.
  3. Luego y solo entonces ¿Puedes ver el menú para cargar tu imagen? (Sería bueno si el menú fuera visible desde el principio, incluso si proporcionara una advertencia como «agregar datos a la lista de campos antes de importar la imagen».

image_thumb-2-5120598

De todos modos, todo bien. Es hora de dibujar las formas seleccionables sobre mi imagen.

Crear una imagen

Revisé el en línea http://synoptic.design herramienta. Esto fue bastante bueno, pero realmente útil solo si tienes formas con hasta 4 puntos. En mi caso, estaba tratando de rastrear personas, por lo que 4 puntos no serían suficientes. De todos modos, descubrí que era un archivo SVG con coordenadas vectoriales incrustadas. Así que hice lo que siempre hago cuando necesito que se haga algo como esto, le pedí a mi hija Maddie que lo hiciera por mí (ella es diseñadora gráfica wlemoticon-smile-1770046 ). Maddie usó Adobe Illustrator, cargó la imagen y luego dibujó los bordes. Tienes que nombrar los vectores en el SVG y tienen que coincidir con la tabla de datos que vas a utilizar. Nombramos los vectores para que sean los nombres de los personajes. Maddie es autónoma, contáctame si quieres que haga algún trabajo wlemoticon-smile-1770046.

Cargar la tabla de datos

Como se mencionó anteriormente, debe cargar la tabla de datos antes de que se pueda cargar la imagen. Esto es lo que cargué en la tabla de datos (usando Enter Data).

image_thumb-3-8754963

Llamé a la mesa Simpson y luego escribí una sola medida

Seleccionado = COUNTROWS (Simpsons)

Cargar la imagen

Después de agregar al menos 2 elementos a la lista de campos, pude cargar la imagen usando el menú incrustado que se muestra anteriormente en esta publicación.

image_thumb-4-5483595

Agregar una slicera

Agregué una slicera e hice clic en ella para seleccionar uno de los personajes.

image_thumb-5-6280462

Seleccionar (ocultar) elementos NO seleccionados en la cortadora

Lo que quería ahora era cubra los elementos NO seleccionados en la cortadora y muestre los que ESTÁN seleccionados. Para empezar, no estaba seguro de cómo hacer esto, pero un poco de prueba y error (y el Dr. Google) se me ocurrió la siguiente solución.

  • Dupliqué la tabla de nombres y llamé a la nueva tabla de datos. Necesitaba hacer esto, de lo contrario, no podría encontrar una manera de eliminar un filtro proveniente de una cortadora mientras usaba una sola tabla (avíseme si puede averiguar cómo hacerlo).
  • Me uní a las tablas como se muestra a continuación. La tabla de los Simpson es la tabla de búsqueda y la tabla de datos solo tiene una lista de nombres.

image_thumb-6-3039540

  • Escribí las siguientes medidas:
    • Seleccionado = COUNTROWS (Datos)
    • No seleccionado = CALCULAR (COUNTROWS (Datos), (EXCEPTO (TODOS (Simpsons), Simpsons))).
      • El EXCEPTO la función es la salsa secreta aquí. Se necesita una copia sin filtrar de la tabla. TODOS (Simpson) y lo compara con la copia filtrada (el segundo parámetro). La tabla resultante contiene todos esos elementos en la primera tabla que NO están en la segunda tabla. La segunda tabla respeta el contexto de filtro inicial, por lo tanto, la nueva tabla contiene el anti-join. Por supuesto, Lineage se aplica aquí con esta nueva tabla virtual, por lo que esta nueva tabla virtual contiene aquellos elementos NO seleccionados que filtrarán el modelo de datos dentro de CALCULATE.
  • Luego cambié la configuración del visual del panel sinóptico de la siguiente manera:
    1. Pongo datos[Name] en la categoría (# 1). Tenga en cuenta que esta es la tabla de datos, no la tabla de búsqueda
    2. Metido [Not Selected] como la medida (# 2)
    3. El slicer es Simpsons[Name] (# 3).
    4. Cuando hago clic en la cortadora de arriba, el [Not Selected] medida devuelve un 1 (como se muestra en la tabla # 4), por lo tanto, la imagen sombrea aquellos en la imagen que no están seleccionados.image_thumb-7-8802116

Cualquier slicer funciona

Por supuesto, como cualquier tabla de búsqueda, puedo agregar segmentaciones en cualquier columna y ver todos los caracteres que coinciden. Puedes jugar con la versión interactiva en vivo a continuación.

Fotos Escolares

Como recordatorio, el propósito de esta idea era cargar varias fotos de la escuela junto con fotos de nosotros durante más de 30 años. Puede utilizar esta técnica en tantas imágenes como desee. Haga clic en un nombre para ver un antes y un después, o cualquier otro metadato que haya cargado.

!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=’2.0′;
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,’script’,
‘https://connect.facebook.net/en_US/fbevents.js’);
fbq(‘init’, ‘639916389503636’);
fbq(‘track’, ‘PageView’);

Suscribite a nuestro Newsletter

No te enviaremos correo SPAM. Lo odiamos tanto como tú.