FVS Component Interaction Attributes

  • Last update:  2023-05-08
  • Overview

    Application scenarios: If you have installed FVS Large Screen Editing Mode plugin, you can refer to this article to learn FVS template’s functions.

    Note: Mobiles devices are not supported.

    Version

    Report Server Version

    JAR Package

    Plugin Version

    Function Changes

    11.0

    2021/11/15

    1.0.0

    /

    11.0

    2021/11/15

    1.1.0

    1. Add Click Event > Pop-up Box. It is only available on 3D City component.

    2. Optimize Click Event setting function and add Apply to function.

    11.0.2

    /

    1.2.0

    Click Event > Pop-up Box is   available on components that support clicking event

    11.0.6

    /

    1.5.0

    Add Widget component and it supports Add Event like After Initialization, After-load Event Click Event

    After-load Event in the table editing interface is changed as Interaction > After Initialization


    Functions

    This chapter will simply introduce something about component interaction in FVS large template.

    Where to Set

    When you select the component in the page and click Interaction in the configuration, you can set the related interaction attributions of components such as Click, Carousel and Refresh. Different kinds of components support different events.

    image1.png

    The plugin of 1. 1. 0 version optimizes the operation of clicking event.

    For example, if the component contains layers of data, such as Area Map, 3D City, Combination Map, Area Drill-down Map, Point Drill-down Map, or Custom Drill-down Map, you need to select the event object before selecting the event type.

    For example, if you set a click event for the Point of Area Map, but not for the Pillar, the event can only be triggered when the Point of the map is clicked.

    image 2.png

    The widget component is added in 1.5.0 version. You can add After Initialization, After-load Event, or Click to the Interaction panel based on the Widget type. The event settings are all set by JavaScript code.

    image 3.png

    Scope of Support

    Different types of components support different interaction attributes.

    Table and Widget Components

    Click Event

    After Initialization Event

    Edit Finish Event

    Component

    supported

    supported

    unsupported

    ButtonGroup, CheckboxGroup

    unsupported

    supported

    supported

    Textbox, DateTime, Drop-downBox, Drop-downCheckbox

    unsupported

    supported

    unsupported

    Table

    Other Components

    Click Event

    Carousel

    Refresh

    Component

    supported

    supported

    supported

    Area Map

    supported

    supported

    but you can not cancel Carousel

    supported

    Fancy Tree (Electronic), Fancy Tree   (Model)

    supported

    unsupported

    supported

    3D City, Title

    Column Chart, Stacked Column Chart, Percentage Stacked Column, Custom   Column Chart, Arc Column 

    Bar, Stacked Bar Chart, Percentage Stacked Bar, Custom Bar Chart

    Pie, Rose Chart (Equal Arcs), Rose Chart (Unequal Arcs), Nested Pie   Chart

    Line Chart, Stacked Line Chart, Custom Line Chart

    Area Chart, Stacked Area Chart, Percentage Stacked Area, Custom Area   Chart

    Radar Chart, Stacked Radar Chart

    Speedometer Gauge (360), Speedometer Gauge (180)

    Circular Gauge, Angular Gauge, Linear Gauge

    Area Map, Point Map, Flow Map, Combination Map, Heat Map

    Area Drill-down Map, Point Drill-down Map, Custom Drill-down Map

    Column on Globe, 3D Point Globe

    Scatter Chart, Bubble Chart

    Treemap, Word Cloud, Mechanical Bubble Chart, Funnel Chart

    Column-Line Chart, Column-Area Chart, Stacked Column-Line, Custom   Combination

    Gantt Chart, Vertical Tree, Horizontal Tree, Radio Tree, Boxplot

    supported

    unsupported

    unsupported

    Picture

    unsupported

    supported

    but you can not cancel Carousel

    supported

    Carousel Pie Chart, Carousel Luminous Gauge, Water Polo

    Carousel KPI Card (Flashing), Carousel KPI Card (Electronic), Carousel   Catalog Gear

    Carousel 3D Combination Map, Carousel GIS Point Map

    unsupported

    part-supported

    only carousel supported

    carousel event unsupported

    supported

    Carousel Bar Chart

    unsupported

    supported

    unsupported

    Carousel

    unsupported

    unsupported

    supported

    Arc Column Chart

    Rich Text, Web Box

    unsupported

    unsupported

    unsupported

    Time Gear, Local Video, Monitor Video

    Interaction Examples

    The following table lists all interaction attributes supported by the FVS large screen template:

    Interaction Attribute

    Introduction

    Examples

    Click Event

    Component Linkage

    After adding it, you can transmit   parameters to the template component to realize complicated effects

    FVS   Click to Link Components

    Pop-up Box

    After adding it, new content will   pop up after clicking corresponding elements

    FVS Click to Jump out of the Pop-up Box


     

    Web Link

    After adding it, you can transmit   parameters to a web page to display different content

    FVS  Click to Jump to the Web Link

    JavaScript

    Beta

    After adding it, the scripts will   be executed to realize customized effects

    JS   Interface Scenarios Supported by FVS Large Screen

    3D Component Animation

    After adding it, the animation   effect of the 3D component will be triggered

    FVS   Component Frame Animation Attributes

    Page Jump

    After adding it, you can jump to a   target page

    FVS   Click to Switch Page

    Carousel

    Component Linkage

    After enabling automatic carousel,   you can add component linkage. It will transmit parameters to components   according to the carousel effects and realize complicated effects

    /

    3D Component Animation

    After enabling automatic carousel,   you can add 3D city animation. The animation effect of the 3D component will   be triggered

    /

    JavaScript

    Beta

    After enabling automatic carousel,   you can add JavaScript. The scripts will be executed to realize customized   effects

    JS   Interface Scenarios Supported by FVS Large Screen

    Refresh

    /

    It can be refreshed regularly   according to the specified time

    /

    After Initialization Event (new in   V1.5.0)

    You can set JavaScript events   after table/widget initialization

    JS   Interface Scenarios Supported by FVS Large Screen

    End Finish Event (new in V1.5.0)

    You can set the JavaScript event   when the widget ends loading

    JS   Interface Scenarios Supported by FVS Large Screen


     


    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