FVS Component Overview

  • Last update:  2024-02-22
  • Overview 

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

    Version 

    Report Server Version JAR PackagePlugin Version
    11.02021-11-15V1.0.0


    Function Description 

    This section briefly introduces the types and functions of FVS components, helping you have an overall understanding of the components.

    Component Type 

    FVS supports six major types of components, namely, 3D components, charts, text components, media components, containers, and widgets.

    Component Type

    Component

    Description



    3D component

    FVS 3D City Scene Component

    Used to display three-dimensional cities and three-dimensional models.

    FVS Custom 3D Scene Component

    Used to display custom 3D models.

    FVS Unity Component

    Used for integrating 3D Unity models.

    Chart

    FVS Picture Component

    Support various types of common analysis charts (such as column charts).

    Support all charts provided by the Extended Chart plugin (such as waterball charts).





    Text

    FVS Rich Text Component

    Used to make instructions, dynamic data, display articles, etc.

    FVS Title Component

    Used to create the title of a component or a single line of text description.

    FVS Table Component

    Used to display tables, similar to report blocks in dashboards.

    FVS Time Component

    Used to obtain the local time of the client and automatically refresh it, to display time, date, and week in real time.




    Media

    FVS Local Video Component

    Used to display various built-in videos, custom videos, or online videos.

    FVS Surveillance Video Component

    Used to display real-time surveillance video online.

    FVS Picture Component

    Used to display various built-in materials, custom images, or online images.





    Container 

    FVS iFrame Component

    Used to import web pages and other templates in the project to a FVS template.

    FVS Tab Component

    Used to display various other components (which can be dragged into the Tab component) consecutively according to certain rules, where you can also switch among them manually. 

    FVS Absolute Canvas Component

    Equivalent to a blank canvas. You can drag other components into the absolute canvas and pin some parts on the top for display.














    Widget


    FVS Text Box Widget

    Link other components through parameters by entering the value in the text box when you preview a template. 

    FVS Date Time Widget

    Link other components through parameters by selecting the date and the time when you preview a template. 

    FVS Drop-down Box Widget

    Link other components through parameters by selecting an option from the drop-down list when you preview a template. 

    FVS Dropdown Checkbox Widget 

    Link other components through parameters by selecting options from the drop-down list when you preview a template.  

    FVS Button Group Widget 

    Link other components through parameters by selecting an option when you preview a template. 

    FVS Checkbox Group Widget 

    Link other components through parameters by selecting options when you preview a template. 

    FVS Dropdown Tree Widget

    Link other components through parameters by selecting the option from the drop-down tree when you preview a template. 

    FVS View Tree Widget

    Display data with a multi-level tree structure and link other components through parameters when you preview a template.

    FVS Query Button

    Link widgets to achieve that a widget query is triggered after the query button is clicked.

    Operations on Components 

    There are many common operations supported by all components, such as copy, paste, group, etc. You can find shortcut keys for component operations in the prompt panel at the bottom left corner, as shown in the following figure.

    Component Style and Attribute

    You can set the component border, name, size, position, etc. under Component > Component Style/Component Attributes on the right of each component, as shown in the following figure. 

     

    Component Animation 

    You can set the cross-page component animation on the Animation tab on the right of each component, as shown in the following figure. 

    If you set the component animation and do not enable Smooth Transition, the component will have entrance and exit animation effects during page switching.

    Component Interaction

    You can set the component interaction on the Interaction tab on the right of each component. The supported interactive events vary with the component type, as shown in the following figure.

    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