<< Click to Display Table of Contents >> Link |
❖Ordinary parameter passing example
1) Create a new dashboard, create a new parameter name "a", create a new table component, bind the fields PRODUCT and SALES, as shown below:
2) Create a filter on this table with the filter condition PRODUCT equal to ?{a}, as shown in the following figure: Save the dashboard, assuming the name is "abc".
3) Create a new dashboard, create a new chart component, and bind the two fields PRODUCT and SALES of the same data source as the above dashboard, as shown in the following figure:
4) Create a hyperlink on the chart's markup, link it to the abc dashboard, and pass the PRODUCT column to parameter a, as shown in the following image:
5) Enter the preview mode of the dashboard, click on the Column axis value of the Lemon marker, then open the abc dashboard in the current window, and pass the value of the corresponding axis to the table parameter a, as shown in the following figure:
❖Inline parameters
Embedded parameters can pass user-defined parameter information. For example, when the mouse points to Dr. Zhang, you need to pass Dr. Zhang’s personal information to the interface. The operation is as follows.
1. Create a new text component in the dashboard, select More - Script in the component toolbar, and edit the content in the script dialog: Text1.data=param["Dr_Zhang"]; , after saving, save the dashboard as " Text1". As shown below:
2. Create a new dashboard, add text components, and enter Dr_Zhang. Select the hyperlink, open the hyperlink dialog box and set the hyperlink as follows: hyperlink to the dashboard "text 1", check the hover, add inline parameters: Dr. Zhang, the parameter value is: "Male, 40, Chief Physician, Specializes in the diagnosis and treatment of common diseases, especially hypertension, coronary heart disease, dyslipidemia in the elderly." When finished, save as Dashboard "Text 2". As shown below:
3. Open the dashboard “Text 2” to enter the preview mode. When the mouse points to Dr_Zhang, you can display Dr. Zhang’s personal information.
After the completion of the effect as shown: