Chart Custom Data Table

  • Last update:February 17, 2025
  • Overview

    Application Scenario

    For the data in the table, you want some data to be displayed with specific units (such as temperature or dollars) based on the categories. Also, you want some data to be displayed in different colors based on the profit or loss. The following figure shows the corresponding effects.

    --电脑预览.gif

    Implementation Method

    You can achieve the effect by adding condition attributes for the data table type under Special Effect Condition Display.

    Example

    Data Setting

    Select the chart and choose StyleDataTable on the right side. Select Display Data Table and select Number as Data Type. Keep the other attributes unchanged.

    image 17.png

    Condition Attribute Setting

    1. Condition Attribute for Column Chart

    Select the chart and choose Special Effect Condition Display on the right side. Select Column Chart and add a condition attribute. Select Data Table as Attribute, select Number as Data Type, set green and with unit mm for the character, and set Common Condition as Series Index Equal to 1. Click Add to complete the editing of Condition Attribute 1.

    image 18.png

    Choose Special Effect > Condition Display on the right side. Select Column Chart and add a condition attribute. Select Data Table as Attribute, select Number as Data Type, set red for the character, and set Common Condition as Series Index Equal to 1. Click Add to complete the editing of Condition Attribute 2.

     image 19.png

    2. Condition Attribute for Line Chart

    Choose Special Effect > Condition Display on the right side. Select Line Chart and add a condition attribute. Select Data Table as Attribute, select Number as Data Type, set blue and with the unit mb for the character, and set Common Condition as Series Index Equal to 1. Click Add to complete the editing of Condition Attribute 1.

    image 20.png

    Choose Special Effect > Condition Display on the right side. Select Line Chart and add a condition attribute. Select Data Table as Attribute, select Number as Data Type, set dark blue and with the unit for the character, and set Common Condition as Series Index Equal to 2. Click Add to complete the editing of Condition Attribute 2.

    image 21.png

    Effect Display

    1. PC

    Save the template, and click Pagination Preview. The following figure shows the effect.

    --电脑预览.gif

    2. Mobile Terminal

    --手机预览.gif

     

    Template Download

    For details, you can download the template Combined Column - Line Chart.cpt.

    Attachment List


    Theme: Chart
    • 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