How to Format Tree Map in Power BI with an example? It includes changing the Box Color, TreeMap Title position, background Colors, Data labels, etc.
To demonstrate these formatting options, we are going to use the Treemap that we created earlier. Please refer Power BI Treemap article to understand the steps involved in creating Power BI Tree Map. Next, please click the Format button to see the list of available formatting options for the tree map.
How to Format Tree Map in Power BI
To display the Legend, select the Legend region and change the option from Off to On. From the below screenshot, you can see the legend.
Format Power BI Tree Map Data Colors
By default, Power BI IntelliSense assigns random colors to each rectangle box. But using this Data Colors section, you have the option to change these colors as per your requirements. Here, we changed the rectangle Box of Finance to Pink for the demonstration purpose.
Enable Data Labels on Tree Map in Power BI
Data Labels are used to display information about the rectangle box. In this case, it displays the Sales Amount of each rectangle box. To enable data labels, please toggle the Data labels option to On.
From the screenshot below, we changed the Color, Display Units from Auto to Thousands, and Font family to Arial Black.
Format Category Labels of a Power BI Tree Map
Category Labels are a Dimension value (Group Value) representing a rectangle box. From the screenshot below, you can see that we changed the color of a category Label, the Text Size to 14, and the Font family to Georgia.
Format Title of a Tree Map in Power BI
Please select the Title and toggle the option from Off to On to display the Treemap title. The following is the list of options available to format the Treemap title.
As you can see from the screenshot below, we changed the Title Text to Sales Amount by Department Name. Next, the Font style to Georgia, the Font Size to 20, and the Title Alignment to the center.
Add Background Color to Tree Map in Power BI
You can add the Background color to Treemap by toggling the Background option to On. For the demonstration purpose, we are adding Yellow as the background color. Here, you can change the Transparency percentage as well.
The screenshot below shows you the Treemap after formatting.
