[]
        
(Showing Draft Content)

Treemap Chart

A Treemap Chart is used to display hierarchical data as a set of nested rectangles organized in a tree-like structure. Data, organized as branches and sub-branches, is depicted with the help of rectangles. With Treemap charts, you can easily drill down huge data to an unlimited number of levels.


The following is a treemap chart where rectangles represent the sales revenue for retailers in various countries. The rectangles are sized according to the sales revenue corresponding to each country.


Example of Treemap chart

Design a Treemap Chart in Wyn Enterprise

From the Dashboard Toolbox, open the Data Visualization node and drag-drop the Treemap Chart scenario onto the design area.


Adding a chart scenario from the Dashboard Toolbox

Bind Dataset to Chart Scenario

With the scenario selected, from the Data Binding tab, select the dataset. Once the dataset is successfully loaded in the designer, the data binding panel automatically expands and displays the data attributes available in the dataset.


The following image shows the chart scenario bound to the 'RetailDataset' dataset.


Adding a dataset to chart scenario


On dragging and dropping the data attributes to the data binding area of the scenario, the chart is plotted accordingly, with a default chart title on the design area.


Chart Scenario with bound attributes


By default, the data labels in the chart scenario are hidden. You can display the data labels in the scenario by setting the Show Data Label property to 'True', with the Value property set to 'True'. To show labels for data attribute bound to 'Details', set Details property to 'True'.

treemap chart datalabels_new

Data Labels - Display Pattern

The treemap chart supports the line break (, \n()) in the data label, and you can add a line break between Value and Details, by using the Display Pattern property for the data labels. If you hide some parts of the label, like the value, and detail the part will be removed from the pattern, and the related connector (the prefix , \n ()) will also be removed.

By default, the display pattern selected is Detail(Value) as shown below.


display pattern Trremap

You can select any pattern from the dropdown list.

treemap display patter dropdwon list options

Preview the chart, the data labels will be shown as per the display pattern selected in the designer.

preview treemap chart display pattern

Format Data Attributes

You can format the data attributes and control the display of data by performing a variety of operations such as renaming, modifying data format and display unit, creating a hierarchy field, applying an aggregation method, etc. Using these operations, you can control the display of data attributes in a scenario.


For more information about these operations, see Data Attributes.


In the following image, the data format for the data attribute is modified to display the sales revenue in 'currency'.


Formatting fields in a chart

Analyze Data

Wyn Dashboards scenarios support rich data analysis and exploration capabilities that can help analyze massive amounts of information and make data-driven decisions. For example, adding filters to scenarios, sorting data, applying conditional formatting, etc. Note that you can apply all these operations using the Action Bar corresponding to each scenario in the designer.


For more information, see Data Analysis and Interactivity in Dashboards.


In the following chart scenario, the filter is applied to show data for all the countries, except Netherlands, Sweden, and Finland.


Filtered data in a scenario

Customize Chart Appearance

You can customize the default chart appearance by setting properties in the Inspector tab of the scenario such as adding a border, modifying data labels, setting chart style, renaming chart title, etc.

  1. Set Chart Style

    Customize the chart colors in the scenario by using the Palette property in the Inspector tab. Set the property to a suitable color palette from the list.


    Changing the color palette for the chart scenario

  2. Enable Automatic Carousel

    Enable the automatic carousel effect in the scenario by using the Automatic Carousel property to create a highly interactive and effective dashboard. The automatic carousel effect when enabled, highlights the rectangles one by one. You can specify the time interval for the automatic carousel by using the Interval (seconds) property.


    Changing Axis Titles


    You can see this effect when previewing the dashboard in the Dashboard Viewer.


    Changing Axis Titles