FVS Time Component

  • Last update:June 03, 2025
  • Overview

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

    Version

    Report Server VersionPlugin VersionFunctional Change

    11.0.22

    V2.2.0

    /

    11.0.22

    V3.4.0

    Added Vertical Alignment under Content > Layout. For details, see section "Content Style."

    Application Scenario

    In FVS, an FVS Title Component is typically used for writing formulas and monitoring refreshing to achieve real-time updates, but frequent refresh requests can place a significant load on the server.

    Therefore, Time Component has been added to FVS. You can use this function to retrieve the local time of the client, and the time will refresh automatically by default to achieve the real-time display of dates, times, and weekdays.

     Gif1.gif

    iconNote:

    This document only introduces the unique functions of the time component.

    Interactive properties cannot be set for the time component.

    For details about the component animation, see FVS Cross-page Component Animation.

    For details about the component style, see FVS Component Style and Attribute.

    Component Adding

    Create an FineVis visualization dashboard, as shown in the following figure.

     1.png

    Choose Other > Time in the component area to add the time component to the page, as shown in the following figure.

     2.png

    Content Style

    The following table shows the configuration items for the component content.

    Configuration 

    Item

    Description

    Icon

    You can tick Display Time Icon to display the time icon or not. The time icon is hidden by default.

    After you tick Display Time Icon, the default time icon will be displayed to the left of the text content.

    You can also set the size, color, and icon spacing of the icon.

     3.png

    Date and Time

    You can tick Display Date and Time to display the date and time or not. The date and time are displayed by default.

    You can select the content to display from the drop-down list. You can also select a content format from the drop-down list or modify the format manually.

     4.png

    Week

    You can tick Display Week to display the week or not. The week is displayed by default.

    You can select a format from the drop-down list.

     5.png

    Text

    You can set the font, style, color, shadow, letter spacing, and word spacing of the text.

     6.png

    Layout

    Horizontal Alignment: You can set the horizontal alignment of the component content to Align Left, Center, or Align Right.

    Vertical Alignment: You can set the vertical alignment of the component content to Align Top, Align Middle, or Align Bottom.

    iconNote:
    In versions earlier than V3.4.0, only the Alignment option is available, which allows you to set the display position of the component content to LeftCenter, or Right.

    7.png

    iconNote:
    The display order of the time component cannot be adjusted. If you have other style requirements, you can use multiple components to display the time separately.

    Template Download

    For details, you can download the template Time Component Example Template.fvs.

    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