Dashboard Multilingual Switchover

  • Last update:August 21, 2024
  • Overview

    Version

    FineBI Version

    Multilingual Configuration Plugin Version

    6.0.19

    V2.2.0

    Application Scenario

    In an enterprise, when you need to display dashboard content of different languages, you want the dashboard can display multiple languages to reduce creation and maintenance costs, as shown in the following figure.

    4e31f197d4222bffad3aeed1017e139.png

    d76378705242b3dbb0a62132c480e54.png

    This document introduces how to set template internationalization and achieve template language switchover in a dashboard.

    Supported Range

    iconNote:

    1. Content switching within the supported range requires adding keys and corresponding language translations in System Management > Language Configuration. For details, see section "Multilingual Key Addition."

    You can refer to the following table after adding the keys and the corresponding translations. The text content marked with fi18n[] means that the language of the content can be switched through the function fi18n[], and the language of others unmarked can be switched through an automatic read of the built-in keys on the platform.

    2. Multilingual switchover can be achieved only when the keys are fully matched and recognized. For details, see "Key Matching Rules."

    Classification

    Supported Range

    Example

    Widget

    Widget Title (fi18n[])

    65f0fd246a67aee898bcadc76a1286f.png

    图片1.png

    Widget Content

    Table

    Table Title (fi18n[])

    a93511ab731d56197e4b0615e62e068.png

    图片2.png

    Table Header

    Table Content

    Chart

    Chart Title (fi18n[])

    65f0fd246a67aee898bcadc76a1286f.png

    图片3.png

    Category/Series Name

    Legend/Indicator Name

    Axis Name

    Chart Label

    Chart Prompt

    Trendline Name

    Cordon Name

    Other

    Dashboard Name

    图片4.png

    Key Matching Rules

    General Rules

    For scenarios where the fi18n[] function needs to be used in rich text, you can refer to the scenarios marked in section "Supported Range." This section introduces the matching rules when fi18n[] is not used: Multilingual switchover can be achieved only when the keys (including symbols and spaces) are fully matched and recognized on a per-line basis.

    Scenario

    Rule

    Example

    Text

    In a single-line scenario, the text 

    content (including symbols and 

    spaces) of the line needs to be a 

    key.

    1. If Purchase Quantity is entered as a key, then Purchase Quantity can be 

    recognized and switched, but Purchase Quantity: cannot be recognized.

    d0bc5364c80c86bdc67e9b9ddf10ce6.png

    图片5.png

    图片6.png

    2. If you want Purchase Quantity: can be recognized, then Purchase 

    Quantity: needs to be entered as a key.

    be62d36fb6cd87920b938d0e343d247.png

    图片7.png

    In a multiple-line scenario, each line 

    is recognized as a separate key.

    In the line break scenario, Purchase Quantity can be recognized.

    ee686b62731373397e54f1c642de536.png

    图片8.png

    Text 

    and 

    Field

    If there are dimension/indicator fields in the rich text content on a line, the 

    text will be split by the fields. 

    The text before and after the fields 

    can be recognized as separate 

    keys. 

    For example, If key1 is before a field and key2 is after the field, both key1 

    and key2 can be recognized. 

    Similarly, key1 and key2 need to 

    meet the requirement of full word 

    matching (including symbols and 

    spaces).

    If Purchase Quantity: and (count) are entered as keys, then the two keys can 

    be recognized in the text form Purchase Quantity: + field + (count).

    6d6047dee4540215a5dae107d8f9bfc.png

    图片9.png

    Exceptional Cases

    In the chart prompt, for the scenario where key1:key2 is used, if the keys are separated by : (with no spaces around it), both key1 and key2 can be recognized.

    iconNote:
    Except for :, other symbols follow the rules in section "Exceptional Cases."

    Prerequisite

    You have obtained the plugin at https://community.finereport.com/plugin/?id=117.

    For details about how to install the plugin in the designer, see Plugin Management.

    Example

    This document takes the creation of Contract Analysis Dashboard as an example. You can download the resource Contract Fact Table.xlsx.

    Resource Addition

    Download the Excel file and add it to Public Data.

    图片10.png

    Create an analysis subject, as shown in the following figure.

    b636f951b849ce1504ed37483727729.png

    Table Addition

    Open the created analysis subject, click the component tab, drag the fields Contract TypeContract Payment Type, and Contract ID into Dimension, and drag the field Total Amount into Indicator, as shown in the following figure.

    9cf9fbc24f134148418cd2a95f224fc.png

    Chart Addition

    Adding a Column Chart

    1. Click the 70539b71aa856cbe947a70935b8d194.png button to add a new component, select Partitioned Column Chart as Chart Type, drag the field Contract Type into Horizontal Axis, and drag the field Total Amount into Vertical Axis.

    d00978cc87692c8619db63957047238.png

    2. Add the label and prompt.

    图片11.png

    3. Add the cordon.

    图片12.png

    Adding a Line Chart

    1. Click the 70539b71aa856cbe947a70935b8d194.png button to add a new component, select Partitioned Line Chart as Chart Type, drag the field Contract Signing Time into Horizontal Axis, and drag the field Count into Vertical Axis.

    dbb4ab5088ecd3afcbe196e8e28e5c5.png

    2. Add the trendline.

    图片13.png

    Dashboard Creation

    1. Click the d8e03fd0b2531095551e90348331edb.png button to add a dashboard, drag the created components into the dashboard, and modify the component titles to the format fi18n[Component Title]. Take the table as an example, as shown in the following figure.

    图片16.png

    2. Click Other, drag Text Component into the dashboard as the dashboard title, and set the content of the component to 2011-2017 fi18n[Contract Analysis Dashboard], as shown in the following figure.

    99dfc560c9f0b7bfd4644d8e532c8b8.png

    3. Click Filter Component, drag Text Drop-Down into the dashboard to filter data of the contract types, and drag Year-Month Interval into the dashboard to filter data of the contract signing time, as shown in the following figure.

    6c8171827646560cb8ffd3be790fceb.png

    Set the title of the Text Drop-Down component to fi18n[Contract Type], as shown in the following figure.

    图片14.png

    Set the title of the Year-Month Interval component to fi18n[Contract Signing Time], as shown in the following figure.

    图片15.png

    Multilingual Key Addition

    Choose System Management > Language Configuration and click Import to import the corresponding keys.

    Download the Excel file Language.xlsx.

    8b2e6c67ffea668f692488c1f6571f0.png

    After you successfully import the file, you can view all the keys on the decision-making platform. You can add, delete, and modify the keys.

    d69a1485239ebb59826d27b95926ce2.png

    Effect Display

    Click the language switchover button in the upper right corner of the page to switch the language, as shown in the following figure.

     last.gif

    附件列表


    主题: Download and Trial
    Previous
    Next
    • Helpful
    • Not helpful
    • Only read

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

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

    不再提示

    9s后關閉

    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