# 堆积面积图 堆积面积图可用来展示在一定时间内数据的趋势走向以及它们所占的面积比例。本文为您介绍如何为面积图添加数据并配置样式。 与面积图类似，不同的是堆积面积图上每一个数据集的起点不同，起点是基于前一个数据集的，用于显示每个数值所占大小随时间或类别变化的趋势线，展示的是部分与整体的关系。 #### 约束限制 - 维度轴由数据的维度决定，至少选择1个维度。例如日期、省份或产品类型。 - 度量轴由数据的度量决定，至少选择1个度量。例如订单数量。 - 颜色图例由数据的维度决定，只能选择1个维度。 - 当值轴上选择1个度量字段时，才可以启用颜色图例。 - 查询返回数限制设置小于等于14时，图表显示标签值，大于14图表不显示标签值。 #### 操作步骤 1. 在仪表板导航栏单击![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001613759137.png)，新建堆积面积图模板。 2. 在数据列选择数据集。 3. 设置[字段]、[样式]、[高级]相关参数。 4. 单击"更新"，系统自动更新图表。 图1堆积面积图 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001563160406.png "点击放大") 5. 单击右侧的"保存"或"保存并发布"，保存智能图表组成的仪表板。 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/public_sys-resources/note_3.0-zh-cn.png) 单击右侧的"保存"，输入仪表板的名称，单击"确定"保存成功，不支持仪表板的查看功能，支持删除仪表板。 单击"保存并发布"，不仅保存了仪表板也发布了仪表板。支持仪表板查看功能，如果要删除仪表板需要先将仪表进行下线操作。 6. 在弹出的仪表板页面输入仪表板名称。 #### 字段 1. 在"数据"标签页选择数据集，并将所需的"维度"、"度量"双击或拖拽至"字段"标签页。 表1字段参数 | 参数 | 参数说明 | |:---|:---| | 字段显示内容 | 单击列内字段的![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002142073629.png)，选择"字段显示内容"单击，在弹出页面对字段显示内容进行修改。单击"确定"完成对字段显示内容的修改。 | | 聚合方式 | 选择"聚合方式"单击，支持设置无聚合、求和、计数、去重计数、最大值、最小值、平均值、总体标准差、样本标准差、样本方差、区间起始值、区间结束值。 | | 钻取 | 支持对维度字段进行钻取功能的设置。如按照时间维度，可以从年份粒度下钻到季度/月份/周/天/小时/分钟/秒粒度查看数据情况。 - 单击列内字段![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002106594802.png)，将要钻取的目标位置的字段拖拽至"钻取"内。 - 单击更新，测试钻取功能是否设置成功。 说明： - 只支持维度字段下钻，不支持度量字段下钻。 - 只有一个字段可以作为下钻的起点。 - 钻取的是时间时，自动将它的细分时间置入下钻顺序列表，并将它们放进排序字段中（已在排序中的字段不再加入）。 - 已下钻的字段需高亮下钻图标，将维度中的钻取字段删掉，则整个钻取功能框都消失。 | 2. 设置颜色图例（维度） 将所需字段拖拽至"字段 \> 颜色图例（维度）"内。颜色图例也支持钻取功能。 3. 设置过滤 1. 将"维度"或"度量"字段拖拽至"过滤"框内。 2. 单击"过滤"框内字段右侧![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001724222281.png)，进入设置过滤器页面。 3. 完成参数设置后，单击"确认"，完成过滤设置。 表2过滤器参数 | 字段类型 | 参数 | 参数说明 | |:---|:---|:---| | string | 按条件过滤 | 过滤方式：支持按条件过滤和按枚举过滤方式。 条件形式：支持设置"且"条件和"或"条件。 过滤条件：支持精确匹配、包含、开头是、结尾是、不匹配、不包含、为空、不为空等设置。 | | string | 按枚举过滤 | 查询形式：支持单选和多选。 过滤条件：支持\>、≥、＜、≤、＝、≠、为空、不为空等设置。 | | 度量 | 条件形式 | 支持设置"且"条件和"或"条件。 | | 度量 | 过滤条件 | 支持\>、≥、＜、≤、＝、≠、为空、不为空等设置，支持选择聚合前数据和聚合后数据。 说明： 选择"聚合前"，将对聚合前的数据进行过滤，选择"聚合后"，将对聚合后的数据进行过滤，聚合相关概念请参见[创建数据集](https://support.huaweicloud.com/usermanual-dataartsinsight/dataartsinsight_03_0457.html)。 单击"新建筛选条件"可以设置多个过滤条件。 | | date | 按区间值过滤 | 设置时间区间进行过滤。 | | date | 按单值过滤 | 设置单个时间进行过滤。 | | date | 按条件过滤 | 支持设置"且"条件和"或"条件，支持\>、≥、＜、≤、＝等设置。 单击"新建筛选条件"可以设置多个过滤条件。 | 4. 设置排序 1. 在数据表的维度和度量内找到需要的数据字段拖拽至排序内。 2. 单击排序内字段的![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001676302900.png)，选择排序方式。支持以下排序方式：升序、降序、自定义。 3. 如果想取消排序，单击排序内字段的![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002007552990.png "点击放大")即可。 5. 查询返回数限制 设置查询返回数限制，在输入框输入合适的返回数，默认数值为1000。 6. 设置自动刷新 自动刷新间隔时间支持：不刷新、1分钟、5分钟、15分钟、30分钟。 #### 样式 设置堆积面积图的样式参数，请参考[表3]、[表4]、[表5]、[表6]设置。 表3基础设置 | 参数 | 说明 | |:---|:---| | 卡片标题 | 自定义是否显示卡片标题 ，勾选后在图表左上角显示。 | | 文本 | 设置文本大小和颜色，单击![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002070491845.png "点击放大")选择文本颜色。 | | 对齐方式 | 设置对齐方式，支持左对齐和居中对齐。 | | 下边距 | 设置卡片标题与图表之间的距离。 | | 分割线 | 自定义是否显示分割线。支持设置分割线样式的大小和颜色、下边距大小。 | | 卡片背景 | 自定义是否显示卡片背景。单击![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002070488401.png "点击放大")选择卡片背景颜色。 | | 状态icon | 自定义是否显示状态icon。支持设置icon的显示方式和颜色，显示方式包括始终显示和悬停显示。 | | 隐藏更多操作 | 自定义是否显示图表右上角![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002263395597.png)。 | | 取消卡片内边距 | 自定义是否取消卡片内边距。 | 表4图表样式 | 参数 | 说明 | |:---|:---| | 显示图例 | 设置图示图例，不支持：当未勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001696125317.png)框时，为无法设置图示图例。支持：当勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001696006049.png)框时，支持设置图示图例。 | | 文本 | 设置图例显示时的文本字体大小。 | | 位置 | 设置图例显示时的显示位置，支持下方和上方设置。 | | 色板 | 设置图例的色板。 | | 语境 | 设置数值内的语境，支持中文（简体）和English。 | | 单位 | 设置数值的单位，支持设置为无、自动、百、千、万、亿、亿万。 | | 科学计数法 | 设置是否支持数值的科学计数法。 | | 使用千分位分隔符 | 设置数值是否使用千分位分隔符。 | | 小数位 | 设置数值是否支持小数位展示。 | 表5坐标轴 | 轴类别 | 参数 | 说明 | |:---|:---|:---| | X轴 | 显示标题和单位 | 设置是否显示X轴的轴标题单位。 当未勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001838420389.png)框时，为不显示X轴的标题和单位。 当勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001791661288.png)框时，支持对X轴的标题、文本，轴标题自动获取或自定义输入，单位可自定义输入，文本支持设置字体大小和颜色。 | | X轴 | 显示坐标轴 | 设置是否显示坐标轴。 当未勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001838500421.png)框时，为不显示X轴的坐标轴。 当勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001838420393.png)框时，支持对X轴坐标线的字体大小和颜色设置。 | | X轴 | 显示轴标签 | 设置是否显示X轴的轴标签。 当未勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001791820992.png)框时，为不显示X轴的轴标签。 当勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001838500425.png)框时，支持对X轴的轴标签的文本字体大小和颜色设置，也可设置X轴标签的角度。 | | X轴 | 显示网格线 | 设置是否显示X轴的网格线。 当未勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001838420401.png)框时，为不显示X轴的网格线。 当勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001791820996.png)框时，支持设置X轴的网格线的分格数和颜色。 | | X轴 | 显示刻度线 | 设置是否显示刻度线。 当未勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001791661300.png)框时，为不显示刻度线。 当勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001838500429.png)框时，显示刻度线。 | | X轴 | 尺度类型 | 支持序数类型。 | | X轴 | 缩略坐标轴标签 | 缩略X坐标轴标签。 | | Y轴 | 显示标题和单位 | 设置是否显示Y轴的轴标题单位。 当未勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001838420417.png)框时，为不显示Y轴的标题和单位。 当勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001791821012.png)框时，支持对Y轴的轴标题、位置、文本，轴标题自动获取或自定义输入，轴标题的位置可设置为轴上方或轴左侧，单位可自定义输入，文本支持设置字体大小和颜色。 | | Y轴 | 自动设置数值范围 | 当未勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001791661304.png)框时，需要用户自己设置。 当勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001838500433.png)框时，图表自动设置数值范围。 | | Y轴 | 显示坐标轴 | 设置是否显示坐标轴。 当未勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001838420409.png)框时，为不显示Y轴的坐标轴。 当勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001791821004.png)框时，支持对Y轴坐标线的字体大小和颜色设置。 | | Y轴 | 显示轴标签 | - 设置是否显示Y轴的轴标签。 - 当未勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001791661308.png)框时，为不显示Y轴的轴标签。 - 当勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001838500437.png)框时，支持对Y轴的轴标签的文本字体大小和颜色设置。 - 支持自定义轴标签显示格式，勾选后用户可以自定义显示格式。 | | Y轴 | 显示网格线 | 设置是否显示Y轴的网格线。 当未勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001838420413.png)框时，为不显示Y轴的网格线。 当勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001791821008.png)框时，支持设置Y轴的网格线的分格数和颜色。 | | Y轴 | 显示刻度线 | 设置是否显示刻度线。 当未勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001791661312.png)框时，为不显示刻度线。 当勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001838500441.png)框时，显示刻度线。 | | Y轴 | 尺度类型 | 对数尺度展示数据范围需都大于0或都小于0 支持的类型：线性。 | | Y轴 | 缩略坐标轴标签 | 缩略Y坐标轴标签。 | 表6功能配置 | 功能配置 | 说明 | |:---|:---| | 缩略轴 | 设置是否开启缩略轴。 | | 缩略轴背景数据 | 设置缩略轴背景数据显示。 | | 空值处理 | 设置空值处理规则： 删除、智能删除、置零、空值断开。 | #### 高级 - 联动 单击"高级 \> 联动右侧的![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002036819537.png)"，进入图表联动设置页面，设置参数，示例请参见[联动示例](https://support.huaweicloud.com/usermanual-dataartsinsight/dataartsinsight_03_0415.html#dataartsinsight_03_0415__li754519110113)。 表7图表联动设置 | 参数 | 说明 | |:---|:---| | 需要绑定的字段 | 设置时需要先选择需要绑定的字段，选择完成之后选择需要关联的图表，支持全选仪表板上的图表。 | | 关联图表 | 设置联动的关联图表，支持选择同数据集和非同数据集的图表。 - 跟随绑定字段：绑定字段设置为"A"，关联数据表过滤出来的是和数据"A"相关的数据。 - SQL占位符：对应数据集里设置的SQL占位符，绑定字段值等于SQL占位符设置的值。 | - 关联查询控件是否支持初始化查询：设关联查询控件是否支持初始化查询，![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002036819541.png)表示不支持，![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002000740354.png)表示支持。 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/public_sys-resources/note_3.0-zh-cn.png) 勾选该设置后，当图表关联了查询控件并且查询控件没有设置默认查询，该图表在初始化时会查询图表自身绑定的数据配置。