Updated on 2025-05-20 GMT+08:00

Composite Container

If you need multiple controls to display a set of data together and form a larger control for display, the composite container supports data analysis in this scenario.

Prerequisites

Procedure

  1. In the top navigation bar on the dashboard creation page, click to create a composite container.
  2. Select the dataset to analyze from the Data area on the right of the dashboard creation page.
  3. Select the desired visual control and click to place it inside the composite container control.
  4. Set the parameters based on Table 2.
  5. Click OK. The system automatically updates the chart.
  6. Click Save or Save and Publish in the upper right corner to save the dashboard.
    Figure 1 Composite container

    Table 1 Basic Settings

    Parameter

    Description

    Card Title

    Whether to display the card title. If selected, the card title is displayed in the upper left corner of the chart.

    Text

    Set the text size and click to select the text color.

    Alignment

    Set the alignment mode, which can be left alignment or center alignment.

    Bottom Margin

    Set the distance between the card title and the chart.

    Divider

    Whether to display the divider. You can set the size, color, and bottom margin of the divider.

    Card Background

    Whether to display the card background. Click to select a background color.

    Status Icon

    Whether to display the status icon. You can set the display mode and color of icons. The display modes include Always display and Hover display.

    Hide Panel Operations

    You can customize whether to display in the upper right corner of the chart.

    Panel No Padding

    You can customize whether to cancel card padding.

    Table 2 Function configuration

    Parameter

    Description

    Show Line

    You can choose whether or not to display lines, and if displayed, whether to show a right arrow or no arrow. A line can act like flowchart lines, connecting the controls within the container.

    Do not display lines: When the checkbox is not selected (), lines are not displayed.

    Display lines: When the checkbox is selected (), lines are displayed.

    Type

    The following line types are supported: --, -------, and .........

    Page Title

    Set the font size and color of the page title.

    Hide Subcomponent Border

    You can customize whether to hide the borders of subcomponents in the composite container.