Test Tube Gauge

  • Last update:  2024-08-22
  • Overview

    Version

    FineBI VersionFunctional Change
    6.0/

    Application Scenario

    A test tube gauge is also known as a linear or bar gauge which is used to display the process or completion level of an indicator. The gauge is called the test tube gauge because it is typically displayed in a straight or bar shape, resembling a test tube or a column. The gauge can be displayed horizontally or vertically and can be extended as needed to accommodate various design and data presentation requirements.

    The gauge styles can be divided into the horizontal style and the vertical style.

    For example, a test tube gauge can be used to display the stock levels of a product.

    577533cf81fb80ac1ee5ec87aa6bf50.png

    Basic Requirement

    Chart Effect

    Dimension

    Indicator

    Test Tube Gauge

    0

    1

    Chart Feature

    1. Advantage

    Intuitiveness: The test tube gauge visually displays data progress through the filled length, allowing you to quickly grasp the current status.

    Simplicity: The design is simple and free of unnecessary elements, making key information highlighted.

    2. Disadvantage

    Limited information: The gauge can display only single progress information and is not suitable for displaying complex datasets or multidimensional data.

    Lack of detail: The gauge typically does not provide specific details about how data changes over time.

    Horizontal Test Tube Gauge

    Data Preparation

    1. Log in to the FineBI system, click My Analysis, select a folder, and click New Subject.

     

    2. Click Local Excel and click Upload Data, as shown in the following figure.

    Download the sample data:Supplier Product Table.xlsx .

     

    3. After the upload, click OK.

     


    4. Click Save and Update to complete the data creation, as shown in the following figure.

    96a65099fbe8a454793f511b96f1d77.png

    Component Creation

    1. Click Component in the lower left corner.

    2. Select Gauge in Chart Type and click the six gauge icon in Graphic Property.

    3. Drag the field Stock in the left to-be-analyzed area into Graphic Property > Pointer Value, as shown in the following figure.

    ca31d657a77cdfb2c3829315c1ef6d3.png

    Chart Beautification

    Choose Graphic Property > Style to set the size (namely the length) of the gauge, as shown in the following figure.

    iconNote:

    1. Width cannot be set currently.

    2. For details about setting the color and label, see Chart Color and Chart Label.

    07cd09e37d81e09a122d4eab14f5d4c.png

    Dashboard Creation

    1. Click the Add Dashboard button at the bottom of the analysis subject editing page.

    2. Drag the component into the dashboard on the dashboard editing page, as shown in the following figure.

    849c70f6c42f610e2f8428d702ad316.png

    3. Select Edit Title from the drop-down list, set Font Style to Custom, set the title to Horizontal Test Tube Gauge, and click OK.

    图片1.png

    Effect Display

    On PC

     

    On Mobile Terminals

     

    Vertical Test Tube Gauge

    Component Copying

    Click the 12957cbd195b65fbfedfe0d485b0f5d.png icon next to the component tab at the bottom of the component editing page and select Copy from the drop-down list to copy the component, as shown in the following figure.

     e689309e07817e801c6c7ec9dc1fddb.png

    Chart Subtype Modification

    Click the fifth subtype in Graphic Property on the component editing page of the new component (after copied), as shown in the following figure.

     f52e4f88f49645a5f317d9b429a05c6.png

    Dashboard Creation

    The content in this section is the same as that in section "Dashboard Creation", but the difference is setting the title to Vertical Test Tube Gauge, which will not be repeated here.

    Effect Display

    1. On PC

     

    2. On Mobile

     

    Attachment List


    Theme: Creating a Visual Component
    前の記事
    次の記事
    • いいね
    • 良くない
    • 閲覧しただけ

    フィードバック

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    8s后关闭

    反馈已提交

    网络繁忙