All Products
Search
Document Center

Quick BI:Stacked Column Chart

Last Updated:Jan 25, 2024

Stacked column chart can show the trend of each data item over a period of time and the comparison between data items. This topic describes how to add data to a stacked column chart and configure a style.

Prerequisites

A data dashboard is created. For more information, see create a Visualization Screen task.

TensorBoard

堆积柱图

Add data

  1. On the chart in the Widgets section, find the stacked column chart and drag it to the canvas. 堆积柱图

  2. Click Select Dataset and follow the instructions in the following figure to add data. The updated icons are shown in the following figure. 堆积柱图

You can also perform the following operations on the data: image.png

Configure the chart style

Location and size

You can set the widget in the Position and Size sections as follows:

  • Adjust widget alignment (①): supports left alignment, center alignment, and right alignment.

  • Adjust the size of the widget (②): Use the upper left corner as the origin, set the values of the X and Y axes, and adjust the position.

  • Adjust the angle of the component (③): Set the value of the rotation angle.

  • Adjust the size of the component (④): Set the values of W and H to adjust the width and height of the component.

  • Lock component (⑤): After locking the component, the size of the component cannot be adjusted.

位置

Drawing area

You can set the widget in the drawing area as follows:

  • Color System Selection: Select the color of the column.

  • Column Display Direction: Set the column display direction, including horizontal and vertical.

  • Column Style: Sets the column width and fillet radius of the column.

  • Display label: Specify whether to display label, display mode, and text size and color. Display modes include Smart Display and Full Display.

绘图

Legend

You can configure the widget in the legend section as follows:

  • Show Legend: specifies whether to show the legend.

  • Position: When setting the display legend, you can set the position of the legend.

  • Text: When you set the display legend, you can set the size and color of the legend text.

图例

Axes

Take x-axis as an example. In the x-axis section, you can perform the following operations:

  • Show Axis Title and Unit: Set the axis title, unit, and text style (①).

  • Axis: Set the type, thickness, and color of the axis (②).

  • Axis Label and Scale: Set the text style of the axis label and the scale thickness and color (③ and ④).

  • Network Line: Specify the type, thickness, and color of the grid line.

X轴

Series Settings

In the Series Settings section, you can perform the following operations:

  • Select Series: Select a dimension or measure based on the business scenario.

  • Display label: Set whether to display label and the color and size of label text.

  • Synchronize Style to: synchronizes the current conditional format to other metrics.

系列