Chart Color

  • Last update:  2023-03-28
  • Overview

    Version

    FineBI Version

    Functional Change

    6.0

    /

    Application Scenarios

    • Distinguish dimensions through colors in chart components.

    • Highlight the top two sales figures in chart components.

    • Highlight figures that exceed a certain threshold to give warnings in chart components.

    • Create chart components with gradient effects.

    Functions

    When creating a chart component, you can click Color under Graphic Properties to set the color for the chart component.

    Settings of Color

    Settings

    Description

    Color Scheme

    You can set colors using three methods: selecting colors from the recommended palette, entering an RGB color value, or entering a hexadecimal color code.

    Effect

    Open: Click on to turn on the gradient effect.

    Close: Click Close to turn off the gradient effect.

    Opacity

    Set the opacity of the color.

    Border

    Set the color for the border.

    An Indicator Dragged into Color

    Note: The settings mentioned in this section of this article will not be repeated.

    Settings

    Description

    Gradient Type

    There are two types of color gradient:

    Continuous Gradient and Area Gradient.

    Gradient Scheme

    You can choose suitable color schemes in:

    Suitable for light background and Suitable for dark backgroud.

    Gradient Interval

    1. Continuous Gradient

    When selecting Custom in Gradient Interval, you can set the number of intervals and the corresponding colors for each interval value.

    2. Area Gradient

    When selecting Custom in Gradient Interval, you can set the number of intervals and the corresponding color for each interval.

    Example

    Take a regular column chart as an example to introduce the use of graph color function.

    Setting Graph Colors

    You can change colors by selecting colors from Recommend Color, entering a RGB color value, or entering a hexadecimal color code.

    Setting Gradient Effect

    You can set gradient effects for column charts, pie charts, area charts, and funnel charts.

    Click on in effect to enable the gradient effect.

    Automatic Gradient Effect Based on Value

    When you drag an indicator field into Color, columns will display a gradient effect based on the value.

    Drag an indicator field into Color.

    Select Continuous Gradient or Area Gradient in Gradient Type.

    Select Auto in Gradient Interval.

    Different Colors for Different Intervals

    Drag an indicator field into Color.

    Select Area Gradient in Gradient Type.

    Select Custom in Gradient Interval, and customize the number of intervals and the corresponding interval colors.

    If you want to highlight the top three or the largest value with different colors, you can divide the indicator values into different intervals, and set a separate interval for the value you want to highlight and set a color for it.

    Differentiating Dimensions with Colors

    Drag a dimension field into Color.

    To differentiate the Sale date columns with different colors, you can drag Sale date into Color. Each date has a different color, and the legend is automatically generated on the right side of the chart.

    Stacked Effect of the Column Chart

    Drag Sale date into Color to stack each region’s sales by sale date.

    附件列表


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