DataV:Examples

Prerequisites

• You have logged on to the DataV console.

• Entered Canvas Editor

Procedure

1. In Canvas Editor, create the tab list and title widgets.

   

2. Switch to Blueprint Editor.

   

3. 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.

   

4. In the Logical Nodes panel, drag a Condition node to the canvas and connect it to the Serial Data Processing node.

5. 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;

6. In the same way, configure the data processing serial node (this step is to convert the data format of the list into the data format of the title).

   

   Sample code for the processing method shown in the preceding figure:

   return [
    {
      value:data.content
    }
   ];

7. Click Preview in the upper-right corner. On the preview page, you can perform interactive operations. For example, you can click a cell in the list to view the interactive effects.

   

   If multiple interaction links are required for widgets, repeat the preceding steps until all the links are configured.

8. After the configuration and preview are successful, click the Publish icon () in the upper-left corner to display an interactive dashboard.