Chart Label

  • Last update:August 11, 2024
  • Overview

    Version

    FineBI Version

    Functional Change

    6.0

    /

    Application Scenario

    To display the corresponding values on a chart component, you can set labels.

    Function Description

    When you create a chart component, you can click Label in Graphic Property to set a label for the chart component.

    6c75cffc418c43a4ceacc548c7242da.png

    Label Bar Setting Description

    You can drag dimension/indicator fields into Label to display labels on a chart.

    c7e760be54a6a9218e448ea50059c90.png

    iconNote:
    If the calculation indicator is generated by an aggregation function, the dimension field dragged into Label will participate in the calculation.

    Setting Item

    Description

    Display Label

    Function for you to determine whether to display labels.

    Content Format

    Content format. You can customize the display content and font style of labels.

    iconNote:
    When customizing labels, you need to select the text in the text box before performing settings.

    Label Location

    Label location, which can be set to Center, Inner, or Outer.

    Label Display

    Lable to be displayed, which can be set to All (all values) or Max/Min (maximum and minimum values 

    within the group).

    Label Display Method

    Label display method, which can be set to:

    1. Allow Label Overlap

    2. Hide Overlapped Labels Upon Label Overlap

    3. Automatically Adjust Location Upon Label Overlap

    In the 5.1.12 version, the label overlap logic is optimized.


    After you re-locate one (originally on the top/left/right) of multiple overlapped labels to avoid overlap, the 

    label will be still on the top/left/right relatively.

    iconNote:

    1. The label overlap logic optimized in the 5.1.12 version does not apply to bubble charts, pie charts, multi-level pie charts, funnel charts, and rectangular tree charts.

    2. In the 5.1.12 version, the label location may not match the setting configured in 

    Label Location (Inner/Outer) after the label is re-located to avoid overlap.

    3. When you adjust multiple indicators together, the label adjustment methods are applied in the 

    following order: Allow Label OverlapAutomatically Adjust Location Upon Label 

    Overlap, and Hide Overlapped Labels Upon Label Overlap.

    Example

    You can drag dimension/indicator fields into Label to display labels on a chart.

    This section takes a column chart as an example to introduce the label use.

    1. Drag the field Contract Amount into Label. (The contract amount values are displayed on the column chart.)

    111412107c85395abce90b368b4b0b9.png

    2. Click Label and click the fc7b6329118edf4b0656cfc611165eb.png button in the lower right corner of Content Format.

    c0b79fcf1cbba234a1bcda69b5676a8.png

    Setting Label Font Styles

    Select the label field and set its font, font size, and color.

    iconNote:

    You can only add fields already dragged into Label by clicking the 2e8dd1002abb86fc5e088327b5289de.png icon in the upper right corner of the following figure.

    a34392ca7c18b493d28f062e6aa5a7b.png

    The following figure shows the effect.

    c3575fcf7ee8f6773e52fbda192b2a5.png

    Re-Locating Labels

    You can set Label Location to Center/Inner/Outer.

    3.2.gif

    Re-Locating Multiple Labels Vertically

    1. Drag the field Contract Type into Label.

    2328d9a21a6ce3b357cfecedfdef09e.png

    2. Click Label and click the fc7b6329118edf4b0656cfc611165eb.png button in the bottom right corner of Content Format.

    c22b73547f3725fa233feba5ccb95b0.png

    3. Display the contract types above the contract amount values.

    3.3.gif

    The following figure shows the effect.

    0077db3f44e634cb808957ca1581096.png

    Adjusting the Display Method Upon the Label Overlap

    Label overlaps affect the visual effect.

    5d6fb99cfaa4cc60db52ca3758db669.png

    When labels are overlapped, you have two solutions: Hide Overlapped Labels Upon Label Overlap and Automatically Adjust Location Upon Label Overlap. You can select the solution based on the actual condition.

    3.4.gif

    Displaying Labels for Multiple Indicators Separately

    iconNote:
    This section takes two indicator fields as an example. Methods of displaying labels for more indicator fields separately follow the same approach.

    1. Drag the field Number into Vertical Axis.

    83341373180f2553a7f9a8cebf760b3.png

    2. Drag the field Product into Label under Graphic Property > Product.

    iconNote:
    If graphic properties are set in All, the settings will apply to all indicator fields.

    70fcadc2c7aed4df56258ed86a9ac80.png

    3. Drag the field Number into Label under Graphic Property > Number.

    0a1c3e98e6297626dca09ad2fdb80f4.png

    Displaying Summary Data in Labels of a Stacked Chart

    This section is based on the example in the document Stacked Column Chart to achieve the effect of summary data display in labels.

    1. Add a calculation field by entering the formula: SUM_AGG(Indicator 1+Indicator 2+Indicator 3+...). For details about SUM_AGG, see SUM_AGG.

    iconNote:
    Indicator fields in the formula are generated by clicking the corresponding fields on the left side of the following figure.

    图片1.png

    2. Drag the calculation field into Label under Graphic Property > Search Engine.

    iconNote:

    To display labels above each column in the chart and top each column with the part corresponding to the field Search Engine, you need to drag the calculation field into Label under Graphic Property > Search Engine. You can set the label based on the actual condition.

    13d4b65261ed6cfb27d6f959d2a9607.png


    附件列表


    主题: Visual Components
    Previous
    Next
    • 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