Contents

  1. Home
  2. Contents
  3. How to Create a Tree Map Widget
  4. Customizing the Tree Map Widget

Customizing the Tree Map Widget

I would like my tree map to display data for the 15 countries that earned the most gold medals. To filter my data, I need to click the “Options” button that appears beside the “Country” field in the “Columns” box. I can then click “Filter(s).”

choose Options button where we can to apply filter to the data

 

Next, I need to click the “Rank” checkbox, select the “Top” option from the “Mode” drop-down list box, change the “Count” option to 15, select the “Gold” option from the “Column” drop-down list box, and click “OK.” Now, my tree map only displays data for the 15 teams that earned the most gold medals.

filter popup allows to configure the data to be filtered for the required widget

 

Note: As you create your tree map, you may notice that some rectangles are not displaying the information they should. For example, in the screenshot to the right, five of the rectangles are not displaying countries’ names.

dashboard view along with some rectangles are not displaying the information they should

At the widget’s current size, there is not room in these rectangles to display the countries’ names. To fix this issue, simply resize your widget by dragging its edges.

 

As you can see, each rectangle displays a country name in the resized widget.

 

resize the widget helps to view all the rectangles properly

Now that my tree map displays the data I want it to display, I can click the “Properties” tab to further customize the widget. First, I am going to change the widget’s name from “TreeMap1” to “Top 15 Gold Medal Countries.”

option to rename properties tab from TreeMap1 to Top 15 Gold Medal Countries using the settings menu

 

Then, I am going to scroll down to the “Range Color Settings” section to explore my color scheme options.

The “Color Type” drop-down list box offers two options: “Monochromatic” (which is selected by default) and “Range Color.”

Color Type drop-down list box offers two options: Monochromatic (which is selected by default) and Range Color.

 

If the color type is set to monochromatic, I can click the arrow in the “Monochromatic” box to change the tree map’s color. I can choose a preselected color, or I can click the “Switcher” box in the lower left corner to create a custom color.

Monochromatic box allows to change the tree map’s color

 

For example, I could change my tree map color to a custom shade of green.

dashboard view explores the tree map color to a custom shade of green

 

Alternatively, I can change the “Color Type” drop-down list box to “Range Color.” Now, the widget will assign different colors to different ranges of data in the tree map.

Color Type drop-down list box with Range Color assign different colors to different ranges of data in the tree map

By default, the rectangle with the highest value will be yellow. Rectangles in the middle of the value range will be red, and rectangles at the low end of the value range will be blue.

 

You can easily change the colors for the low, middle, and high value ranges by clicking the arrows in their respective boxes (just as I did when I changed the tree map’s color from blue to green when the color type was set to monochromatic).

Dashboard view shows the tree map’s color has been changed from blue to green when the color type was set to monochromatic

 

Finally, I am going to test my widget’s functionality. Whether I set the “Color Type” drop-down list box to “Range Color” or “Monochromatic,” I will be able to see the data for any given country by hovering over it with my mouse.

 

tree map view allows to see their country data of each country upon hovering

How can we help?