Диаграммы дерева в Power BI (руководство)Treemaps in Power BI (Tutorial)

Диаграмма дерево отображает иерархические данные в виде набора вложенных прямоугольников.Treemaps display hierarchical data as a set of nested rectangles. Каждый уровень иерархии представлен цветным прямоугольником (часто называемом ветвью), который содержит другие прямоугольники (листья).Each level of the hierarchy is represented by a colored rectangle (often called a "branch") containing other rectangles ("leaves"). Пространство внутри каждого прямоугольника выделяется на основе измеряемого количественного значения. Прямоугольники упорядочиваются по размеру: от верхнего левого (самый большой) до нижнего правого (самый маленький).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).

Например, при анализе продаж будут создаваться прямоугольники верхнего уровня (ветви) для категорий одежды: городской стиль, деревенский стиль, молодежный стильи смешанный стиль.For example, if I'm analyzing my sales, I might have top-level rectangles (branches) for the clothing categories: Urban, Rural, Youth, and Mix. Прямоугольники категорий будут содержать прямоугольники меньшего размера (листья) для производителей одежды в рамках категорий, а размер и заливка этих мелких прямоугольников будут основываться на объемах продаж.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. В ветви Urban (городской стиль) продано много одежды Maximus, меньше Natura и Fama и очень мало Leo.In the Urban branch above, lots of Maximus clothing was sold, less Natura and Fama, and very little Leo. Таким образом, ветвь городского стиля древовидной диаграммы будет содержать самый большой прямоугольник для Maximus (в верхнем левом углу), чуть меньшие прямоугольники для Natura и Fama, много других прямоугольников, представляющих прочие категории, и маленький прямоугольник для 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. Итак, мы можем сравнить количество проданных товаров в разных группах, сравнив размер и заливку каждого листового узла: чем больше размер прямоугольника и темнее заливка, тем больше значение.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.

Сферы применения диаграмм дереваWhen to use a treemap

Диаграмма дерево отлично подходит:Treemaps are a great choice:

  • для отображения больших объемов иерархических данных;to display large amounts of hierarchical data.
  • когда линейчатая диаграмма не может эффективно обрабатывать большое количество значений;when a bar chart can't effectively handle the large number of values.
  • для отображения пропорций между каждой частью и целым;to show the proportions between each part and the whole.
  • для отображения шаблонов распределения показателя на каждом уровне категорий в иерархии;to show the pattern of the distribution of the measure across each level of categories in the hierarchy.
  • для отображения атрибутов путем кодирования по размеру и цвету;to show attributes using size and color coding.
  • для выделения шаблонов, выпадающих показателей, наиболее важных участников и исключений.to spot patterns, outliers, most-important contributors, and exceptions.

Создание простой диаграммы дереваCreate a basic treemap

Хотите сначала посмотреть демонстрацию создания диаграммы дерева?Want to watch someone else create a treemap first? Перейдите к отметке 2:10 в этом видео, чтобы посмотреть, как Аманда создает диаграмму дерева.Skip to 2:10 in this video to watch Amanda create a treemap.

Или создайте собственную диаграмму.Or, create your own treemap. Здесь используется пример "Анализ розничной торговли".These instructions use the Retail Analysis Sample. Для дальнейшей работы загрузите пример, войдите в Power BI и нажмите Получить данные > Книга Excel > Подключить > Retail Analysis Sample.xlsx.To follow along, download the sample, sign in to Power BI and select Get Data > Excel Workbook > Connect > Retail Analysis Sample.xlsx.

  1. Запустите представление редактирования и выберите Продажи > Продажи за последний год.Start in Editing View and select the Sales > Last Years Sales measure.
  2. Преобразуйте диаграмму в диаграмму дерева.Convert the chart to a treemap.
  3. Перетащите поле Item > Category (Элемент > Категория) в область Группа.Drag Item > Category to the Group well. Power BI создаст диаграмму дерева, в которой размер прямоугольников отражает общий объем продаж, а цвет представляет категорию.Power BI creates a treemap where the size of the rectangles reflect total sales and the color represents the category. По существу, вы создали иерархию, которая визуально описывает относительный размер общего объема продаж по категориям.In essence you've created a hierarchy that visually describes the relative size of total sales by category. Категория мужской одежды Mens имеет самый большой объем продаж, а категория трикотажа Hosiery — самый маленький.The Mens category has the highest sales and the Hosiery category has the lowest.
  4. Перетащите поле Store > Chain (Магазин > Сеть) в область Сведения, чтобы завершить создание диаграммы.Drag Store > Chain to the Details well to complete your treemap. Теперь можно сравнить продажи за прошлый год по категориям и сетям магазинов.You can now compare last year's sales by category and chain.

    Примечание

    Параметры "Насыщенность цвета" и "Сведения" невозможно использовать одновременно.Color Saturation and Details cannot be used at the same time.

  5. Наведите указатель на заголовок Chain (Сеть магазинов), чтобы увидеть подсказку для этой части области Category(Категория).Hover over a Chain area to reveal the tooltip for that portion of the Category. Например, при наведении указателя на Lindseys в категории 040-Juniors в прямоугольнике отображается всплывающая подсказка для части Lindsey категории одежды для подростков.For example, hovering over Lindseys in the 040-Juniors rectangle reveals the tooltip for Lindsey's portion of the Juniors category.
  6. Добавьте диаграмму дерева как плитку на панель мониторинга (закрепите визуальный элемент).Add the treemap as a dashboard tile (pin the visual).
  7. Сохраните отчет.Save the report.

Выделение и перекрестная фильтрацияHighlighting and cross-filtering

Сведения об использовании области "Фильтры" см. в разделе Добавление фильтра в отчет.For information about using the Filters pane, see Add a filter to a report.

Теперь можно выделить категорию или сведения в диаграмме дерева для перекрестного выделения и фильтрации других визуализаций на странице отчета (и наоборот).Highlighting a Category or Details in a treemap cross-highlights and cross-filters the other visualizations on the report page... and vice versa. Теперь можно добавить еще несколько визуальных элементов на ту же страницу либо скопировать и вставить диаграмму дерева на страницу, на которой уже есть другие элементы.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. На диаграмме дерева выберите категорию или сеть магазинов в категории.On the treemap, select either a Category or a Chain within a Category. Это приведет к перекрестному выделению других визуализаций на странице.This cross-highlights the other visualizations on the page. Например, при выборе категории 050-Shoes(050-обувь) станет ясно, что продажи за последний год в категории "Обувь" составили 3 640 471 долл., а доля Fashions Direct составила 2 174 185 долл.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. В круговой диаграмме Last Year Sales by Chain (Продажи за прошлый год по сети магазинов) выберите сектор Fashions Direct .In the Last Year Sales by Chain pie chart, select the Fashions Direct slice.
  3. Сведения о том, как настроить параметры перекрестного выделения и фильтрации диаграмм, см. в статье Visualization interactions in a Power BI report (Взаимодействия визуализаций в отчете Power BI).To manage how charts cross-highlight and cross-filter each other, see Visualization interactions in a Power BI report

Дальнейшие действияNext steps

Отчеты в Power BIReports in Power BI
Добавление визуализации в отчетAdd a visualization to a report
Типы визуализации в Power BI Закрепление визуализации на панели мониторингаVisualization types in Power BI Pin a visualization to a dashboard
Power BI — основные понятияPower BI - Basic Concepts
Бесплатная пробная версияTry it out -- it's free!

Появились дополнительные вопросы?More questions? Ответы на них см. в сообществе Power BI.Try the Power BI Community