Creating Screens Quickly (Interaction)
You can use the interaction function to implement data linkage between components on screens.
This example demonstrates how to implement data linkage between components through geographical search and bar charts. The general procedure is as follows:
Prerequisites
You have logged in to the DLV console and created a screen using a blank template.
Adding and Configuring Components
- Open the screen development page, click the Interaction icon, and select Geography Search in the Components list.
Figure 1 Selecting the geographical search component
- On the Pattern panel, configure the geographical search component. In this example, use the default settings.
Figure 2 Configuring the geographical search component
- Switch to the Data panel and set the data of the geographical search component.
Figure 3 Setting the data of the geographical search component
- Switch to the Interaction panel and define and use interaction variables.
Figure 4 Defining and using interaction variables
- In the component list on the left, choose
.Figure 5 Selecting a bar chart component
- On the Pattern tab page, configure the bar chart pattern. This example uses the default settings.
Figure 6 Configuring the bar chart pattern
- Switch to the Data tab page and configure the bar chart.
Previewing and Publishing Screens
- In the upper right corner of the screen development page, click to preview the screen.
- If you reset the geographical location in the geographical search, the bar chart displays only the data of the corresponding location.
- 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 9 Publishing and sharing the screen
Feedback
Was this page helpful?
Provide feedbackThank you very much for your feedback. We will continue working to improve the documentation.See the reply and handling status in My Cloud VOC.
For any further questions, feel free to contact us through the chatbot.
Chatbot