Table Property

  • Last update:  2024-05-14
  • Overview

    Version

    FineBI Version

    Functional Change

    6.0

    -

    Application Scenario

    1. Table Property allows you to use colors or shapes to highlight certain important or abnormal data, making them stand out.

    2. For example, in the table below, the above-average data in the Contract Amount field are attached to red smiley face markers.

    44e7656a1cde4623641f32db8d06ba9.png

    3. The following table shows details of more scenarios for marking in a table.


    Marking and sorting the top three data in a table

    Marking the inconsistent data in a table

    Marking data of the entire rows in a table

    Marking the above-average data in a table

    Flagging the maximum/minimum value in a table

    Function Description

    1. Table Property contains two types of setting bars.

    Color: You can set the background color and text color of data.

    Shape: You can attach shape markers to data.

    2. Properties of Dimension and Indicator are set separately.

    Dimension: You can set only properties of corresponding fields.

    Indicator: You can add conditions to any indicators and set properties of target fields.

    Component Creation

    1. Download the sample data: Contract Information.xlsx

    2. Drag the Contract Type field in the to-be-analyzed area into Dimension. Drag the Purchase Quantity and Contract Amount fields in the area into Indicator.

    iconNote:
    If the indicator fields have empty values, the property setting will not take effect on the cells where those values are present. If you set the property in All, the setting will take effect on all indicators.

    59e7d53335705d705d6552e7041607b.png

    Color Setting for Indicator Field Data

    The indicator field data can be set with two color effects:

    Not dragging an indicator into Color: Set the color for the entire column of data.

    Dragging an indicator into Color: Set the color for the data that meets the conditions.

    iconNote:
    V10.4.90 and later of the App/HTML5 support the display of cell background colors.

    Setting Colors for the Entire Column of Data

    Example

    The entire column of data in the Purchase Quantity field needs to be colored with a red background and white text.

    Procedure

    1. Click Color under Table Property > Indicator > Purchase Quantity.

    2. Select the white color in Text Color and the red color in Background Color to set the entire column of data to a red background with white text, as shown in the following figure.

    42391f1fa4669b745a054504ce3fd01.png

    Effect Preview

    d8500f46f902ecef9b2d689706263d8.png

    Setting Colors for the Data that Meets the Condition

    You can set colors for the data that meets the condition.

    1. Adding a Condition to the Current Indicator Field

    Example

    Data below 100 in the Purchase Quantity field needs to be colored with a red background and white text.

    Procedure

    1. Drag the Purchase Quantity field in the left to-be-analyzed area into Color under Table Property > Indicator > Purchase Quantity.

    2. Click Color and click the Add Condition button in the pop-up settings box.

    3. Set data below 100 in the Purchase Quantity field to be colored with a red background and white text, as shown in the following figure.

    2766ec4cdb5b72b64cd0120ee056943.png

    Effect Preview

    5083768385ef288f551f6218ffbe199.png

    2. Adding a Condition to Another Indicator Field

    Example

    Data in the Purchase Quantity field where the contract amount is less than 15,000,000 need to be colored with a red background and white text.

    Procedure

    1. Drag the Contract Amount field in the left to-be-analyzed area into Color under Table Property > Indicator > Purchase Quantity.

    2. Click Color and click the Add Condition button in the pop-up settings box.

    3. Set data in the Purchase Quantity field where the contract amount is less than 15,000,000 to be colored with a red background and white text, as shown in the following figure.

    39e2af785a492163a322c5e3d1c04ef.png

    Effect Preview

    531ecbd093b3b666085cc134765065f.png

    Marker Shape Setting for Indicator Field Data

    The markers can be attached to the indicator field data with two effects:

    Not dragging an indicator into Shape: Attach markers to the entire row of data.

    Dragging an indicator into Shape: Attach markers to data that meet the conditions.

    Setting a Marker Shape for the Entire Column of Data

    Example

    The entire column of data in the Contract Amount field need to be attached with a yellow circular marker.

    Procedure

    1. Click Shape under Table Property > IndicatorContract Amount.

    2. Select the 863b2820e343ca8efaa415852c310bc.png icon from the drop-down list of Shape and set the Shape Color to yellow. The entire row of data is attached with a yellow circular marker, as shown in the following figure.

    2ceffb7f661d1b4397ce67fdc217787.png

    Effect Preview

    ac43c7be817474b56c6c38cf75070fd.png

    Setting Marker Shapes for Data that Meet the Conditions

    The markers attached to the data that meet the conditions need to be set with shapes.

    1. Setting Marker Shapes for the Current Indicator Field

    Example

    Data below 20,000,000 in the Contract Amount field needs to be attached with a red downward arrow, and the other with a green upward arrow.

    Procedure

    1. Drag the Contract Amount field in the left to-be-analyzed area into Shape under Table Property > Indicator > Contract Amount.

    2. Click Shape and click the Add Condition button in the pop-up settings box.

    3. Set data below 20,000,000 in the Contract Amount field to be attached with a red downward arrow, and the other with a green upward arrow, as shown in the following figure.

    d99e986c488a9217a87ca912f78e304.png

    Effect Preview

    2fae1bc426513599de25c17d32e2076.png

    2. Setting Marker Shapes for Another Indicator Field

    Example

    Data in the Purchase Quantity field where the contract amount is more than 500 need to be attached with a red crown marker.

    Procedure

    1. Drag the Purchase Quantity field in the left to-be-analyzed area into Shape under Table Property > Indicator > Contract Amount.

    2. Click Shape and click the Add Condition button in the pop-up settings box.

    3. Set data in the Purchase Quantity field where the contract amount is more than 500 to be attached with a red crown marker, as shown in the following figure.

    161f865b8a68e561ab5401f7b5654ce.png

    Effect Preview

    fd08db14b283816bdac30f54f7086f0.png

    Color and Marker Shape Setting for All Indicator Field Data

    iconNote:
    V10.4.90 and later of the App/HTML5 support the display of cell background colors.

    Example

    All the indicator field data need to be colored with a green background and black text.

    Procedure

    1. Click Color under Table Property > Indicator > All.

    2. Select the black color in Text Color and the green color in Background Color to set all the indicator field data to be colored with a green background and black text, as shown in the following figure.

    2ffb1c365e138004e907cc00ea3b79f.png

    Effect Preview

    c70aa4b737b1e697f89af4c7c6bee43.png

    The procedure of setting the marker shape for the indicator field data is the same as above.

    Color Setting for Dimension Field Data

    iconNote:
    V10.4.90 and later of the App/HTML5 support the display of cell background colors.

    Setting Colors for the Entire Column of Data

    Example

    The entire column of data in the Contract Type field needs to be colored with a purple background and white text.

    Procedure

    1. Click Color under Table Property > Dimension.

    2. Without adding any conditions, select the white color in Text Color and the purple color in Background Color to set the entire column of data to a purple background with white text, as shown in the following figure.

    iconNote:
    The dimension field in Table Property is synchronized with that in the to-be-analyzed area. You are not allowed to drag any fields into Color or Shape under Table Property > Dimension, and also not allowed to modify any fields under Table Property > Dimension > Color/Shape.

    4463abd252c32766eb76b91171ae7ed.png

    Effect Preview

    745328f8d25ee053dd41fac999b15e2.png

    Setting Colors for the Data that Meets the Condition

    Example

    Data defined as No in the Delivery or Not field need to be colored with red.

    Procedure

    1. Drag the Delivery or Not field in the left to-be-analyzed area into Dimension.

    2. Click Color under Table Property > Dimension > Delivery or Not.

    3. Click the Add Condition button in the pop-up settings box and set the color of data defined as No in the Delivery or Not field to red, as shown in the following figure.

    1087df2abe36d9a67cad5b308af2714.png

    Effect Preview

    552a0da6d81aa7b34aa9d4c52189b37.png

    Marker Shape Setting for Dimension Field Data

    Example

    Data defined as No in the Delivery or Not field need to be attached with a red flag marker.

    Procedure

    1. Click Shape under Table Property > Dimension > Delivery or Not.

    2. Click the Add Condition button in the pop-up settings box and set data defined as No in the Delivery or Not field to be attached with a red flag marker, as shown in the following figure.

    3f8b1e73107e7c0686753b7039c7e22.png

    Effect Preview

    d6816223f7d2f51bded4fb79e4f3ca4.png

    Others

    Field Setting of the Added Indicator Field in Table Property

    1. The field setting of the added indicator fields in Table Property is consistent with that of the indicator fields in the to-be-analyzed area. Summary Mode, Quick Calculation, Filter, and other functions are supported.

    2. You can hover over the added Purchase Quantity field and click the 4efe6ece518183e97ad5a12cc46666b.png icon to select functions from the drop-down list, as shown in the following figure.

    iconNote:
    The field setting of an added indicator field only takes effect on the current indicator field in Table Property, not the charts.

    d190ef062a1a42a284739b8b5f03e63.png

    Field Setting of the Dimension Field in the Drill Directory

    The data drilling function allows you to set each dimension field in the drill directory separately.

    Example

    For example, the Nation, Province, and City fields in the drill directory need to be set with different marker shapes. Nation needs to be attached with a red circular marker, Province a yellow triangle marker, and City a green smile face marker.

    Procedure

    1. Download the sample data: Regional Data Analysis.xlsx

    2. Create a group table component and create a drill directory of Nation > Province > City. For details, see Common Drilling.

    3. Drag the drill directory in the left to-be-analyzed area into Dimension and drag the Contract Amount field into Indicator.

    3b2ecc503c1d2b45251235d2e20dbaf.png

    4. Click Shape under Table Property > Dimension > Nation, click the Add Condition button in the pop-up settings box, and set Nation to be attached with a red circular marker, as shown in the following figure.

    4a6b04ca238fd9ae18badd70717f0cc.png

    The marker shape setting of Province and City are the same as that of Nation.

    Effect Preview

    222222331234455.gif

    附件列表


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