Gauge Chart

  • Last update:December 16, 2024
  • Overview

    The following figure shows the supported gauge types in FineBI.

    Chart Type

    Chart Name

    Help Document

    Gauge

    Multi-Pointer Gauge

    Multi-Pointer Gauge

    Percentage Gauge

    Percentage Gauge

    Test Tube Gauge

    Test Tube Gauge

    image 26.png

    Display Logic of the Gauge Color

    The gauge color is related to the fields in the Color bar and the Pointer Value bar. To be specific, drag a field into the Color bar, click the color setting icon, set Gradient Type to Continuous Gradient or Area Gradient, and set Gradient Interval to Auto or Custom in the pop-up setting box. Determine the color range(s) based on the number of intervals, and then find the corresponding range mapping based on the pointer value.

    Take the doughnut gauge as an example. For example, drag Inventory Proportion into the Color bar and the Pointer Value bar. Select Area Gradient for Gradient Type, and Custom for Gradient Interval. Set the number of intervals to 3, respectively 0 – 0.22 for light blue, 0.22 – 0.44 for medium blue, and 0.44 – 0.66 for dark blue. Then, find the corresponding range mapping based on the pointer value. For example, if the pointer value is 63.97%, the color will be displayed as light blue – medium blue – dark blue on the gauge.

    1. The following figure shows the operation steps.

    image 22.png

    2. The following figure shows the final effect.

    image 23.png

    Gauge Scale Hiding

    1. If you want to hide the scale of the Multi-Pointer Gauge and the Test Tube Gauge, just click the color setting icon in Graphic Property and set the color of Scale Value to Transparent. Take the multi-pointer gauge as an example, as shown in the following figure.

     image 3.png

    2. The following figures show the before-and-after effect comparison.

    image 14.png

    Maximum Scale Value Modification

    1. In the Multi-Pointer Gauge and Test Tube Gauge, Target Value is the maximum scale value of the gauge. You can adjust the maximum scale value by modifying Target Value. Take the multi-pointer gauge as an example. Set Target Value to 4000, as shown in the following figure.

    image 4.png

    2. The following figures show the before-and-after effect comparison.

    image 7.png

    Gauge Style Setting

    1. FineBI 6.0.15 and later versions allows you to set gauge styles. You can click the setting icon of Style to modify the Size, Style Type, and Scale Bar, and select/deselect Enable Rounded Corner of the gauge. Take the multi-scale gauge as an example, as shown in the following figure.

    image 8.png

    2. The following figures show the effects comparison of Standard Style and Simple Style.

    image 11.png

    Gauge Displays of Different Categories Under a Certain Dimension

    1. Take the multi-pointer gauge as an example. You need to view the gauges of different categories under a certain dimension separately.

    2. For example, to display the sales of three types of fruits, select Gauge in Chart Type on the Component editing page, and select the first subtype of the chart. Drag Sales Volume in the left-to-be-analyzed area into the Pointer Value bar in Graphic Property, and drag Type into the horizontal axis of the analysis area, as shown in the following figure.

    image 24.png

    3. The following figure shows the effect.

    image 25.png

    附件列表


    主题: Creating a Visual Component
    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