Examples
Use the tab list and title widgets to build a simple interaction: clicking a column in the tab list displays its text in the title widget.
Prerequisites
-
You are logged on to the DataV console.
-
You have opened Canvas Editor.
Procedure
-
In Canvas Editor, create the tab list and title widgets.

-
Switch to Blueprint Editor.

-
In Blueprint Editor, drag the Tab List and Title nodes in the Layer Nodes panel and the Serial Data Processing nodes in the Logical Nodes panel to the canvas.

-
In the Logical Nodes panel, drag a Condition node to the canvas and connect it to the Serial Data Processing node.
-
Select the Conditional Judgment node. In the Node Settings panel on the right, configure Judgment Type and Condition List.

Sample code for the processing method shown in the preceding figure:
return data.id>1; -
In the same way, configure the data processing serial node to convert the list data format to the title data format.

Sample code for the processing method shown in the preceding figure:
return [ { value:data.content } ]; -
Click Preview in the upper-right corner, then click a cell in the list to verify the interactive effects.

If your widgets require multiple interaction links, repeat the preceding steps until all links are configured.
-
After the configuration and preview succeed, click the Publish icon (
) in the upper-left corner to publish the interactive dashboard.

) in the upper-left corner to publish the interactive dashboard.