1 概述
图形和表格组件是仪表盘的主体组成部分，本文将以堆积柱图为例，介绍在仪表盘中如何从零开始制作一个可视化组件，帮助用户快速掌握如何制作图表。
2 业务场景
以产品内置Demo资源的“订单模型”作为数据来源，分析各产品类别在2020和2021销售量的对比情况。
3 操作步骤
3.1 添加组件
1、新建的交互式仪表盘，默认是空白页面效果。
2、点击左侧选择组件区的 组件 ，展开组件选择面板，找到 堆积柱图 ，点击 
。
3、添加一个空的堆积柱图到画布区上。
3.2 选择业务数据集
1、在右侧数据选择区中点击 选择业务数据集，进入选择业务数据集界面。
2、选择产品内置Demo资源的“订单模型”，点击 确定 。
3、选择业务数据集完成后，在数据选择区中显示“订单模型”包含的的维度、度量、命名集和参数。
3.3 绑定字段
图形组件绑定字段有以下两种方式：
1、在数据选择区中，勾选“产品类别”、“订单年份”和“销售量”字段，由系统自动分配到“X轴”、“颜色”和“Y轴”上，效果如下：
2、拖拽“产品类别”字段到“X轴”，“订单年份”字段到“颜色”，“销售量”字段到“Y轴”，拖动字段过程中，能接收该字段的区域外圈显示蓝色高亮框，效果如下：
| 信息 |
|---|
在组件数据作图区域中，支持点击一键互换行列字段，支持行列互换的类型：柱图、堆积柱图、横条图、堆积横条图、散点地图、热力地图、散点图、大数据散点图、热力图、交叉表和文本组件。其中柱图和横条图在互换字段的同时，会自动切换图形类型。 |
3.4 设置图形样式
1、设置图形颜色。
（1）在标记区的“颜色”标记上点击 
，进入颜色设置界面。
（2）在颜色设置界面中，选择内置颜色系列“花海”，此时左侧数据项的颜色自动根据所选的颜色系列取色，点击 确定
（3）关闭颜色设置界面后，查看堆积柱图的颜色效果。
2、设置标签效果。
在标记区的“标签”标记上点击 ，打开标签设置界面，设置标签为 显示 ，查看堆积柱图的标签效果。
3、调整组件宽度，有以下两种方式：
（1）手动拖拽调整组件宽度。
（2）点击组件设置的 属性 ，在 组件 分类的 大小 中，手动输入宽度数值。
4、调整图例位置。
在 图例 分类的 位置 中，设置图例位置为 下方 ，即可得到场景中所需图形效果，如下图所示：
3.5 保存仪表盘
点击页面工具栏的 保存 ，进入保存设置界面。选择所需保存的路径，以及输入仪表盘名称，点击 确定 ，即完成第一个可视化组件的制作。
