Gráficos de rectángulos de Power BI (tutorial)Treemaps in Power BI (Tutorial)

Los gráficos de rectángulos muestran los datos jerárquicos como un conjunto de rectángulos anidados.Treemaps display hierarchical data as a set of nested rectangles. Cada nivel de la jerarquía se representa mediante un rectángulo de color (llamado "rama") que contiene otros rectángulos ("hojas").Each level of the hierarchy is represented by a colored rectangle (often called a "branch") containing other rectangles ("leaves"). El espacio dentro de cada rectángulo se asigna según el valor cuantitativo medido, con los rectángulos dispuestos por el tamaño desde la esquina superior izquierda (mayor) a la esquina inferior derecha (menor).The space inside each rectangle is allocated based on the quantitative value being measured, with the rectangles arranged in size from top left (largest) to bottom right (smallest).

Por ejemplo, si estoy analizando mis ventas, puede que tenga rectángulos de nivel superior (ramas) para las categorías de ropa: Urbana, Rural, Joveny Mezcla.For example, if I'm analyzing my sales, I might have top-level rectangles (branches) for the clothing categories: Urban, Rural, Youth, and Mix. Los rectángulos de categoría contendrían rectángulos más pequeños (hojas) para los fabricantes de ropa dentro de esa categoría, y estos rectángulos tendrán el tamaño y el sombreado en función del número vendido.My category rectangles would contain smaller rectangles (leaves) for the clothing manufacturers within that category, and these smaller rectangles would be sized and shaded based on the number sold. En la rama Urbana anterior, se vendió mucha ropa de Maximus, menos de Natura y Fama y muy poca de Leo.In the Urban branch above, lots of Maximus clothing was sold, less Natura and Fama, and very little Leo. Por tanto, la rama Urbana de mi gráfico de rectángulos tendría el rectángulo más grande para Maximus (en la esquina superior izquierda), rectángulos ligeramente menores para Natura y Fama, muchos otros rectángulos que representan todas las prendas vendidas, y un pequeño rectángulo para Leo.So, the Urban branch of my Treemap would have the largest rectangle for Maximus (in the top left corner), slightly-smaller rectangles for Natura and Fama, lots of other rectangles representing all the other clothing sold, and a tiny rectangle for Leo. Y podría comparar el número de elementos vendidos en las demás categorías de prendas al comparar el tamaño y el sombreado de cada nodo de hoja; cuanto mayor sea el rectángulo y más oscuro el sombreado, mayor será el valor.And I could compare the number of items sold across the other clothing categories by comparing the size and shading of each leaf node; the larger the rectangle and the darker the shading, the higher the value.

Cuándo usar un gráfico de rectángulosWhen to use a treemap

Los gráficos de rectángulos son una excelente opción:Treemaps are a great choice:

  • Para mostrar grandes cantidades de datos jerárquicos.to display large amounts of hierarchical data.
  • Cuando un gráfico de barras no puede administrar eficazmente un gran número de valores.when a bar chart can't effectively handle the large number of values.
  • Para mostrar las proporciones entre cada parte y el todo.to show the proportions between each part and the whole.
  • Para mostrar el patrón de la distribución de la medida en cada nivel de categorías de la jerarquía.to show the pattern of the distribution of the measure across each level of categories in the hierarchy.
  • Para mostrar los atributos mediante códigos de color y tamaño.to show attributes using size and color coding.
  • Para detectar patrones, valores atípicos, colaboradores más importantes y excepciones.to spot patterns, outliers, most-important contributors, and exceptions.

Requisitos previosPrerequisites

  • Servicio Power BI o Power BI DesktopPower BI service or Power BI Desktop
  • Ejemplo Análisis de venta directaRetail Analysis sample

Crear un gráfico de rectángulos básicoCreate a basic treemap

¿Quiere ver primero a otra persona creando un gráfico de rectángulos?Want to watch someone else create a treemap first? Vaya al minuto 2:10 de este vídeo para ver cómo Amanda crea un gráfico de rectángulos.Skip to 2:10 in this video to watch Amanda create a treemap.

También puede crear su propio gráfico de rectángulos.Or, create your own treemap. Estas instrucciones usan el Ejemplo de análisis de minoristas.These instructions use the Retail Analysis Sample. Para continuar, inicie sesión en el servicio Power BI (no Desktop) y seleccione Obtener datos > Ejemplos > Retail Analysis Sample > Conectar > Ir al panel.To follow along, sign in to Power BI service (not Desktkop) and select Get Data > Samples > Retail Analysis Sample > Connect > Go to dashboard. La creación de visualizaciones en un informe requiere permisos de edición para el conjunto de datos y los informes.Creating visualizations in a report requires edit permissions to the dataset and report. Por suerte, los ejemplos de Power BI son todos editables.Luckily, the Power BI samples are editable. Pero si un usuario comparte un informe con usted, no podrá agregar nuevas visualizaciones.But if someone shares a report with you, you won't be able to add new visualizations.

  1. En el panel, seleccione el icono "Total stores" para abrir el informe de ejemplo Retail Analysis.Select the "Total stores" tile to open the Retail Analysis sample report.
  2. Abra la vista de edición y seleccione la medida Sales > Last Years Sales.Open Editing View and select the Sales > Last Years Sales measure.
  3. Convierta el gráfico en un gráfico de rectángulos.Convert the chart to a treemap.
  4. Arrastre Elemento > Categoría al área Grupo.Drag Item > Category to the Group well. Power BI crea un gráfico de rectángulos donde el tamaño de los rectángulos refleja las ventas totales y el color representa la categoría.Power BI creates a treemap where the size of the rectangles reflects total sales and the color represents the category. En esencia, creó una jerarquía que describe visualmente el tamaño relativo de las ventas totales por categoría.In essence you've created a hierarchy that visually describes the relative size of total sales by category. La categoría Hombres tiene las ventas más altas y la categoría Calcetería tiene los valores más bajos.The Mens category has the highest sales and the Hosiery category has the lowest.
  5. Arrastre Store > Chain al área Detalles para completar el gráfico de rectángulos.Drag Store > Chain to the Details well to complete your treemap. Ahora puede comparar las ventas del último año por categoría y cadena.You can now compare last year's sales by category and chain.

    Nota

    La saturación de color y los detalles no se pueden usar al mismo tiempo.Color Saturation and Details cannot be used at the same time.

  6. Mantenga el mouse encima de un área de Cadena para que aparezca la información sobre herramientas de la parte de la Categoría.Hover over a Chain area to reveal the tooltip for that portion of the Category. Por ejemplo, al mantener el mouse sobre Lindseys en el rectángulo Jóvenes-040 , se muestra la información sobre herramientas de la parte de Lindsey de la categoría Jóvenes.For example, hovering over Lindseys in the 040-Juniors rectangle reveals the tooltip for Lindsey's portion of the Juniors category.
  7. Agregue el gráfico de rectángulos como un icono de panel (ancle el objeto visual).Add the treemap as a dashboard tile (pin the visual).
  8. Guarde el informe.Save the report.

Resaltado y filtrado cruzadoHighlighting and cross-filtering

Para más información acerca de cómo usar el panel Filtros, consulte Agregar un filtro a un informe.For information about using the Filters pane, see Add a filter to a report.

Al resaltar una Categoría o Detalles en un gráfico de rectángulos, se realiza un resaltado y un filtrado cruzados de las demás visualizaciones de la página de informe, y viceversa.Highlighting a Category or Details in a treemap cross-highlights and cross-filters the other visualizations on the report page... and vice versa. Para poder continuar, agregue algunos objetos visuales a la misma página o copie y pegue el gráfico de rectángulos en una página de informe que ya tenga otros objetos visuales.To follow along, either add some visuals to the same page or copy/paste the treemap to a report page that already has other visuals.

  1. En el gráfico de rectángulos, seleccione una Categoría o una Cadena dentro de una Categoría.On the treemap, select either a Category or a Chain within a Category. Esto realiza un resaltado cruzado de las demás visualizaciones de la página.This cross-highlights the other visualizations on the page. Seleccionar 050-Zapatos, por ejemplo, muestra que las ventas de zapatos del último año fueron de 3.640.471 USD, de los que 2.174.185 procedieron de Fashions Direct.Selecting 050-Shoes, for example, shows me that last year's sales for shoes was $3,640,471 with $2,174,185 of that coming from Fashions Direct.

  2. En el gráfico circular Last Year Sales by Chain, seleccione el sector Fashions Direct.In the Last Year Sales by Chain pie chart, selecting the Fashions Direct slice, cross-filters the treemap.

  3. Para administrar cómo se realiza un resaltado y un filtrado cruzados de los gráficos, consulte Interacciones de visualización en un informe de Power BI.To manage how charts cross-highlight and cross-filter each other, see Visualization interactions in a Power BI report

Pasos siguientesNext steps

Anclar una visualización a un panel Pin a visualization to a dashboard
Power BI: Conceptos básicosPower BI - Basic Concepts

¿Tiene más preguntas?More questions? Pruebe la comunidad de Power BITry the Power BI Community