Page Comparison

The graphomate treemaps extension fully supports the scripting language of Designer. Therefore it is possible to control graphomate treemaps interactively at runtime.

For example, it is possible to set new data or change the title. Furthermore, it is possible to use drilldown functions of the extension and create interactive dashboards.

Example: Dynamic filtering of a Data Source with a dropdown box

In order to use a dynamic filter on a dimension of a Data Source, we first need to fill a dropdown box with all valid values to enable the user to choose from the data later on. We use getMemberList on the canvas-event On Startup to retrieve a list of all members of the dimension 0D_NWI_ACOD of the selected Data Source. Autocomplete shows all parameters of getMemberList.

We can then fill the dropdown box with the retrieved list using setItem.

var memberList = DS_1.getMemberList("0D_NWI_ACOD",
MemberPresentation.INTERNAL_KEY, MemberDisplay.TEXT, 10);
DROPDOWN_1.setItems(memberList);

The dropdown box will be filled with the members of Dimension 0D_NWI_ACOD on application start.

If a user selects an element from the list, we can adapt the filter of the Data Source by using the following script that is put on the events On Element Clicked:

var selectedMemberKey = DROPDOWN_1.getSelectedValue();
DS_1.setFilter("0D_NWI_ACOD", selectedMemberKey);

You may find more explanations and examples for the scripting language in our script documentation Script Documentation.