Data Layer in 3D Scene Components

  • Last update:December 02, 2024
  • Overview

    This document applies to users who have installed the FineVis Data Visualization plugin to learn plugin functions.

    Version

    Report Server VersionPlugin VersionFunctional Change

    11.0.16

    V2.0.0

    • Optimized the data layer structure for easier independent setting.

    • Changed the setting entry of Data Label  and Data Alert to the Layer Update event on the Data Layer tab page.

    • Changed the setting entry of the Click event on the Interaction tab page in the original 3D component to the Click event on the Data Layer tab page.

    11.0.22

    V2.3.0

    • Optimized Data Label by supporting Border Background modification. For details, see section "Data Label."

    11.0.22

    V2.4.1

    • Allowed the data label to move along with the TRS interpolation animation.

    11.0.22

    V2.10.0

    • Optimized the setting page of Data Alert.

    • Deleted the condition operation items (Move Up, Move Down, Add, Remove, and Delete) from Data Alert.

    • For details, see section "Data Alert."

    Function Description

    For both the 3D City Scene component and the Custom 3D Scene component in the FVS template, you need to bind data to the model through the data layer function for realizing events such as model data display and data linkage.

    The data layer functions and operation methods of the two components are basically the same. The main difference lies in the data layer type, which causes partial differences of the setting items.

    Prerequisite

    Before reading this document, you have read FVS 3D City Scene Component and FVS Custom 3D Scene Component in advance to understand the basic functions of these two 3D components.

    Adding a Data Layer

    Four types of data layers (Point-Data Layer, Line-Data Layer, Column-Data Layer, and Model-Data Layer) are available in the 3D city scene component, as shown in the following figure.

    1.png

    Only one data layer (Model-Data Layer) is available in the custom 3D scene component, as shown in the following figure. 

    2.png

    Setting the Data Layer

    On the Data Layer Setting panel, you can set Layer Name, Dataset, or Style of the data layer.

    Layer Name: The name of an added layer is in the LayerX format (among which X represents a numerical suffix) by default. You can modify the layer name. Layer names cannot be duplicate in a 3D scene component.

    3.png

    The setting items vary according to the data layer types. The following specifically describes the setting items of different data layers respectively.

    Point-Data Layer

    Point-Data Layer allows you to set Dataset and Style, as shown in the following figure.

    点-数据图层.png

    Line-Data Layer

    Line-Data Layer allows you to set Dataset and Style, as shown in the following figure.

    线-数据图层.png

    Column-Data Layer

    Column-Data Layer allows you to set Dataset and Style, as shown in the following figure.

    柱形-数据图层.png

    Model-Data Layer

    Model-Data Layer only allows you to set Dataset, as shown in the following figure.

    7.png

    The dataset field selected for Model Name on the Data Layer Setting panel of Model-Data Layer must be the same as the model name in the model list for correct matching so that other layer events can be configured normally.

    数据集下.png

    Layer Update Event

    The data layer allows you to add Layer Update events, including Data Label and Data Alert.

    Note: Line-Data Layer in the 3D City Scene component does not support the Layer Update events.

    图层更新事件1.png

    Data Label

    A maximum of one data label can be added to a data layer, as shown in the following figure.

    Note: In versions earlier than V2.4.1, data labels cannot follow the movement of model animations. In V2.4.1 and later versions, data labels can follow the movement of TRS interpolation animations, but cannot follow the movement of skeletal animations or morph target animations.

    数据标签1.png

    Label Name

    You can customize data label names based on the data layer requirements. The content cannot be empty.

    Content

    You can select Default or Custom in Content on the Execution Setting panel of data label.

    When Default is selected, you can determine whether to display a certain item by selecting/deselecting the button on the left. Click Format on the right to set the format type for data display, as shown in the following figure.

    标签内容1.png

    When Custom is selected, you can click Edit Custom Content, and select data fields or enter the text in the rich text editing pop-up box, as shown in the following figure.

    标签内容2.png

    Display Form

    When Visible is selected, the label will always be displayed on the page. When Hover is selected, the label will only be displayed when you hover the mouse over the data layer during the template preview.

    Content Margin

    All the text constitutes the content. The distance from the content to the border is called the content margin. That is to say, the size of the border background changes with the content, but the content margin remains unchanged.

    内容外边距.png

    Overall Zoom

    You can set the overall zoom ratio (ranging from 0.1 to 10) of the label.

    Border Background

    The default value Resource Center is used. The setting method is the same as that of the component border background setting item. You can select None, Color, Resource Center, or Custom Upload from the drop-down list of Border Background.

    边框背景.png

    Data Alert

    Multiple data alerts can be added to a data layer so that different alert messages are displayed when specific execution conditions are met.

    You can enable or disable the added data alert, as shown in the following figure.

    Note 1: If multiple conditions configured conflict with each other, the condition at the bottom of the list prevails.

    2: The alert label only takes effect after the data label has been created.

    数据预警1.png

    Alert Name

    You can customize the execution action name according to the data layer requirements. The action name cannot be empty, or duplicate in the same layer.

    数字预警2.png

    Execution Condition

    Click Execution Condition Setting to enter the condition setting page. Then click Add Condition (AND) to add and edit the condition content.

    数据预警3.png

    1. The names or content bound to the current data layer can be selected as the alert object. In V2.10.0 and later versions, the field content will be displayed behind the names or content bound to the data layer.

    You can select Field, String, or Formula for the value of the alert condition, as shown in the following figure.

    数据预警4.png

    2. When multiple conditions need to be met at the same time, you can click Add Condition (AND) to add a condition, click xxx to switch to Add Condition (OR), and add another condition.

    On the left of the added conditions, you can switch the relationship between the conditions to be And or Or. You can also add and delete conditions, as shown in the following figure. 

    GIF设置条件且或.gif

    3. When you hover the mouse over + on the right of a certain condition, a sub-condition can be added to the current condition, as shown in the following figure.

    GIF增加子条件.gif

    Alert Content

    You can select Default or Custom in Alert Content on the Execution Setting panel of the data alert. The following figure shows the configured alert condition(s).

    Note: Column Height in Alert Style is grayed out and cannot be set for Column-Data Layer.

    数据预警5.png

    The effect of Data Alert will replace the original effect of Data Label, as shown in the following figure.

    数据预警6.png

    Click Event

    Choose Add Event > Click, select the required event type in the interaction event option pop-up box, and proceed with the specific settings.

    鼠标点击事件.png

    The following table shows each event type.

    Event TypeDescriptionExample

    URL/Pop-up Box

    After an event of this type is selected, the opening of weblinks or pop-up boxes is triggered for the corresponding element, enabling interaction effects such as parameter passing, and presenting more abundant personalized content.

    FVS Jumping to Web Links/Popup Box Events

    Popup Box Display by Clicking FVS 3D Components

    Page Jump

    After a Page Jump event is added, the corresponding element will be triggered to be redirected to the target page.


    JavaScript

    After a JavaScript event is added, the configured script can be executed to achieve rich personalized effects.

    JS Event Supported by FVS

    Component Linkage

    After a Component Linkage event is added, parameters can be passed to the template component to achieve more interation linkage effects.

    FVS Click to Link Components

    Notes

    1. The click event of the hidden layer in the past template cannot be triggered after the upgrade, which needs to be manually adjusted.

    2. For a dataset field (with empty content) bound to a data label, the data label is not displayed before the upgrade, but displayed with an empty value after the upgrade (which needs to be manually adjusted).

    3. If the content is selected for a data label but not selected for a data alert in the past template, the label will be empty for the data alert after the upgrade, which needs to be manually adjusted.

    Attachment List


    Theme: FineVis Data Visualization
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy