Help Center/ Data Lake Visualization/ User Guide/ Managing Components/ Configuring Component Interaction
Updated on 2024-06-21 GMT+08:00

Configuring Component Interaction

This section uses the tab list and line chart as an example to describe the component interaction configuration. In DLV, component interaction configuration indicates that a component transfers parameters to other components when responding to user operations or automatically triggering updates. The parameters can be used as dynamic variables during data query in other components. If you can select on the Interaction tab page of a component, the component supports the interaction function. Otherwise, the component does not support the interaction function.

Figure 1 Supporting the interaction function
Figure 2 Not supporting the interaction function

Prerequisites

  • You have enabled or purchased the required service and created a database instance.
  • The corresponding data has been stored in the database instance.

Adding and Configuring Components

  1. Open the screen development page, click the Interaction icon, and select Geography Search in the Components list.

    Figure 3 Selecting the geographical search component

  2. On the Pattern panel, configure the geographical search component. In this example, use the default settings.

    Figure 4 Configuring the geographical search component

  3. Switch to the Data panel and set the data of the geographical search component.

    Figure 5 Setting the data of the geographical search component

  4. Switch to the Interaction panel and define and use interaction variables.

    Figure 6 Defining and using interaction variables

  5. In the component list on the left, choose Charts > Bar.

    Figure 7 Selecting a bar chart component

  6. On the Pattern tab page, configure the bar chart pattern. This example uses the default settings.

    Figure 8 Configuring the bar chart pattern

  7. Switch to the Data tab page and configure the bar chart.

    1. Configure field mapping and select a data source type. As shown in Figure 9, the component is associated with dynamic data.
      Figure 9 Associating with dynamic data
    2. Press Shift+$ to reference the interaction variable ${name} defined in 4.
      Figure 10 Referencing the interaction variable

Previewing and Publishing Screens

  1. In the upper right corner of the screen development page, click to preview the screen.
  2. If you reset the geographical location in the geographical search, the bar chart displays only the data of the corresponding location.
  3. After ensuring that interaction works, click in the upper right corner of the screen development page, configure publish parameters, and then share the screen with other users.

    Figure 11 Publishing and sharing the screen

Enabling Interaction

To enable the interaction function, you can select on the Interaction tab page. When the value of the tab component changes, the value is transferred to other components.

Field Mapping

Configure field mappings When variable ${data} is used in other components, the value mapped by label can be obtained.