反馈已提交

网络繁忙

Color Table

  • Last update:  2024-01-11
  • Overview

    Application Scenario

    Color tables are used to display different text colors corresponding to different dimensions. For example, different colors are used to show whether the contract items have been delivered, as shown in the following figure.

    9.jpg

    Basic Requirement

    Basic requirements for color tables are as follows.

     Chart Effect Dimension Field  Indicator Field
      Color Table  >=1  1

    Chart Feature

    Advantage: Color tables can display values of different dimensions with clear colors.

    Disadvantage: Color tables are not suitable for scenarios with too many dimensions.

     

    Example

    Data Preparation

    1. Log in to the system as the admin, click My Analysis, select a folder, and click New Subject, as shown in the following figure.

    1.png

    2. Click Local Excel and click Upload Data, as shown in the following figure.

    You can download the example data.Contract Demo.xlsx

    2.png

    3. After the data is uploaded, click OK.

    3.jpg

    Component Creation

    1. Click Component in the lower left corner.

    4.jpg

    2. Drag the Type of Contract and Contract Payment Type fields to the Dimension bar and the Lump Sum field to the Indicator bar respectively, and click the Color Table icon in Chart Type.

    5.jpg

    3. Drag the Whether it has been delivered field to the Color bar in Graphic Property and to Vertical Axis respectively to differentiate the delivery status with different colors.

    6.jpg

    Graphic Property Setting

    Click the icon `$O}@4RBO4]GP~SUOO}C373.png to manually set the color indicating whether the item has been delivered. Set "no" to pink and "yes" to green, as shown in the following figure.

    7.jpg

    For details, see Chart Color.

    You can set the parameters of Size, Label, Prompt, and Fine-grained. For details, see Graphic Properties.

    Component Style Setting

    Click Adaption Display in Component Style, and select Overall Adaptation to adjust the overall effect of the graphics on the page.

    8.jpg

    You can also set the parameters of Legend, Grid Line, Background, and so on for the component. For details, see Chart Component Style.


    Effect Display

    On PC

    9.jpg

    On Mobile Terminals

     10.jpg


    Attachment List


    Theme: Creating a Visual Component
    前の記事
    次の記事
    • いいね
    • 良くない
    • 閲覧しただけ

    フィードバック

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭