stacked bar chart are suitable for displaying three-dimensional datasets to show the distribution of data. This topic describes how to add data to a stacked bar chart and configure a style.
TensorBoard
![堆积条形图](https://help-static-aliyun-doc.aliyuncs.com/assets/img/en-US/1528175961/p468609.png)
Add data
On the Charts tab of the Widget Library section, drag the bar chart to the canvas. ![堆积条形图](https://help-static-aliyun-doc.aliyuncs.com/assets/img/en-US/1528175961/p468617.png)
Click Select Dataset and follow the instructions in the following figure to add data. The updated icons are shown in the following figure. ![堆积条形图](https://help-static-aliyun-doc.aliyuncs.com/assets/img/en-US/1528175961/p468619.png)
You can also perform the following operations on the data: ![image.png](https://help-static-aliyun-doc.aliyuncs.com/assets/img/en-US/1528175961/p689894.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.
![位置](https://help-static-aliyun-doc.aliyuncs.com/assets/img/en-US/0528175961/p470218.png)
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.
![标签](https://help-static-aliyun-doc.aliyuncs.com/assets/img/en-US/1528175961/p470222.png)
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.
![图例](https://help-static-aliyun-doc.aliyuncs.com/assets/img/en-US/1528175961/p470223.png)
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: Specify the text style, scale weight, and color of the axis label.
Network Line: Specify the type, thickness, and color of the grid line.
![X轴](https://help-static-aliyun-doc.aliyuncs.com/assets/img/en-US/1528175961/p472624.png)
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.
![系列](https://help-static-aliyun-doc.aliyuncs.com/assets/img/en-US/1528175961/p470241.png)