You can control the Visibility of the scenarios while designing the dashboard and you can change their visibility on the viewer using the Click Action commands. So, you can display and hide some components dynamically.
Like, while creating a dashboard, you might want to include too many charts, like the summary data and the detailed data, and show the details data when clicking on a button or clicking on a component. So, you can control the Scenario Visibility on the designer and customize the scenarios based on the Click Action Commands.
Add a dashboard scenario. We are taking a Column Chart in this example. Go to the Inspector tab and set the Visibility to True under Appearance.
The Chart scenario will be visible on Preview.
Note: From the Inspector tab, if the Visibility is set to False under Appearance, then the Chart Scenario will not be visible on Preview.
You can change the visibility of the scenario in the viewer, like, showing the details data when clicking on a button or clicking on a component. For this you need to set the Click Action Commands. You can set the click action command by adding an Image Component and on the Inspector tab, set the Image Click Action as Command.
Click to add the command. Command Setting dialog box is displayed.
Following commands are displayed on the Command Setting dialog box.
Each command listed above in the table has some properties as listed below:
Listed below are a few examples for customizing the dashboard scenarios:
Customize using the Toggle Command to toggle the visibility of the scenario.
Create a Dashboard.
Add Column Chart Scenario
You can add aggregations or other functions to the field in Values, in addition to renaming or adding filters.
Add a Label Slicer
Now, add an Image Component (we have taken a "View More" image in this example), as shown below.
Now, on the Inspector tab, set the Image Click Action as Command.
Click to add the command.
Command Setting dialog box is displayed. Select the Toggle command from the dropdown list.
Properties related to the Toggle command are displayed.
Enter the details in the Command Setting dialog box.
Click the OK button.
Click Save to save the dashboard and then click Preview.
You will see only one Column Chart (for which the visibility was set to” True”) and the View More image.
Click the “View More” image, the Label Slicer scenario will also be displayed along with the entrance animation.
You can now filter the data based on the Slicer condition as well. Like here in this example, you can show the Sum of Revenue based on the selected Retailer Country from the Slicer. Select Australia to display detail only for Australia.
So, the click on the “View More" image will Toggle the Slicer visibility on Preview.
Show or hide a component when clicking on a 'Hyperlink' on the rich text
From the Inspector tab, set the Visibility to True under Appearance.
Add a Rich Text Component
Edit the Rich Text component and add the text to be hyperlinked.
Select the text and click the "Insert Jump" icon.
Jump To dialog box is displayed.
Click the Add Settings button and specify the details.
Save the dashboard and click Preview.
Only the Column Chart and the Hyperlink is displayed.
Click the hyperlink. The dashboard scenario that was linked in the “Jump To” dialog box will be displayed.