Overview
This document applies to users who have installed the FineVis Data Visualization plugin to learn plugin functions.
Version
| Report Server Version | Plugin Version | Functional Change |
|---|---|---|
11.0.22 | V2.7.1 | Changed the Insert Formula function of the title and rich text components to the Dynamic Value insertion function. |
11.0.22 | V3.2.0 | Added the Insert Dynamic Value function of the image and local video components. Changed the Insert Formula function of the iframe, surveillance video components and URL/Pop-up Box to the Insert Dynamic Value function. |
Application Scenario
1. The title component and rich text component are common text-type components, which are commonly used for the indicator card design.
When you design an indicator card, you often need to use data fields for the dynamic data display. However, before V2.7.1, you can only achieve this effect by inserting the formula. As a result, the use and maintenance costs are high.
To solve this problem, the Dynamic Value function is added in V2.7.1, which supports not only formula insertion but also dataset field binding to achieve dynamic data changes.
2. Image, Local Video, Surveillance Video and Iframe are commonly used components with links.
The Dynamic Value function of the online image of the image component and the online video of the local video component has been added in V3.2.0 and later versions.
The Insert Formula function of the iframe, surveillance video components and the Interaction Event function of the links/pop-up boxes was changed to the Insert Dynamic Value function, which further improved the flexibility of the components and the presentation of the dynamic data.
Besides, a series of indicator cards can be quickly generated through the Expansion Component function. For an example, see FVS Expansion Component.
Function Description
Function Entry
| Function Entry | |
|---|---|
| The title component | Since the title component does not support the simultaneous existence of text content and dynamic value, the title content needs to be set by switching String and Dynamic. Select Dynamic, and you can view the content prompt of the dynamic value. Click Edit Dynamic Value to go to the edit page.
|
| The rich text component | Click Insert Dynamic Value to go to the edit page.
|
FVS Picture Component | Select Online Image as Type, and click the Insert Dynamic Value button to open the edit page.
|
| FVS Local Video Component | Select Online Video as Video Type, and click the Insert Dynamic Value button to open the edit page.
|
| FVS Surveillance Video Component | Click the Insert Dynamic Value button to open the edit page.
|
| FVS iFrame Component | Select URL as Link Address, and click the Insert Dynamic Value button to open the edit page.
|
| URL/Pop-up Box | Select the component, select Interaction Event, click Add Event, select URL/Pop-up Box, select URL as Content, and click the Insert Dynamic Value button to open the edit page.
|
Editing the Dynamic Value
On the dynamic value edit page, some basic settings and condition style settings for dynamic values are supported.
The following table shows the detailed content of the basic setting.
| Settings | Description |
|---|---|
Dynamic Value Source | You can select Field or Formula. Field: You can select the dataset and field. By default, the first value of the field is displayed according to the field order in the dataset. Note:Formula: You can click the fx button to enter the formula in the Formula Definition box. |
Name | You can insert multiple dynamic values into the rich text component, and the name can be used to distinguish and identify the content of the current dynamic value. The name cannot be empty. The names must be different in a rich text component. Note: |
Format | You can set the display format of the dynamic value.
|
You can click Add Condition Style to add multiple condition styles, making the dynamic value display different font styles according to conditions.
Note:1. When the conditions of condition styles are consistent, the style added later prevails.
2. You can not add the condition style to the image, local video, surveillance video, and ifram components added with the URL/Pop-up Box event.
| Settings | Desciption |
|---|---|
Name | The display name of the condition style, which is used for distinguishing and identifying different style conditions. |
Condition | You can set conditions by clicking the Condition Setting button. For details, see section "Condition Setting." |
Style | You can set styles, including font style, text bold, italic, underline, font size, and color. Besides, the title component also supports the gradient color and text-shadow setting. |
Condition Setting
1. You can click the Condition Setting button to go to the Condition Setting box. You can add different conditions by clicking the Add Condition or Add Formula buttons.
Add Condition
Add Formula
2. After you add a condition, you can continue to add conditions by clicking the button below the condition or the + button right to the condition.
3. If there are two or more conditions added, the association relationship will be displayed left to the conditions. You can click the relationship button to switch the relationship, add conditions, or delete all the included conditions.
4. After setting the condition, click OK to return to the condition style setting page. The set conditions will be displayed.
Notes
If you directly click the canvas when editing the dynamic value, you will exit the edited with the edit content not being saved. You can only save the edited content by clicking OK.
