检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
已创建仪表板，请参见创建仪表板。 操作步骤 在仪表板导航栏单击“添加图表 > 其他 > 桑基图”，新建桑基图。 在数据列选择数据集。 设置字段、样式相关参数。 单击“更新”，系统自动更新图表。 图1 桑基图 字段 在数据列内的维度和度量列表内找到需要的数据字段： 在维度列表中，选择字段双击或拖拽至列内。
统计。 列 线图/面图 折线图 折线图用来展示在相等的时间间隔下数据的趋势走向。 维度 度量 颜色图例 面积图 面积图用来展示在一定时间内数据的趋势走向以及各项指标所占的面积比例。 维度 度量 颜色图例 堆积面积图 与面积图类似，不同的是堆积面积图上每一个数据集的起点不同，起点是
高级 联动 单击“高级 > 联动右侧的”，进入图表联动设置页面，设置参数，示例请参见联动示例。 表5 图表联动设置 参数 说明 过滤 设置时需要先选择需要绑定的字段，选择完成之后选择需要关联的图表，支持全选仪表板上的图表。 关联图表 联动关联的图表。 跟随绑定字段：绑定字段设置为“
折线柱状图 折线和簇状柱图支持常规线图、柱图组合场景的数据展示。 组合图中折线图可以显示随时间（根据常用比例设置）而变化的连续数据，因此非常适用于显示在相等时间间隔下数据的趋势。 组合图中簇柱状图，可以比较各组数据之间的差别。 约束限制 维度轴由数据的维度决定，至少选择1个维度。例如日期、省份或产品类型。
创建地图 地图类组件主要用于通过地图展示指标的数据大小和分布范围。地图组件包括基础平面地图、世界地图、自定义地图、多图层地图。 前提条件 已开通DataArts Insight服务。 已创建管理数据源的项目，参考创建项目完成项目创建。 您已获取数据，参考新建数据源。 已创建所需的数据
30分钟。 样式 本章节介绍折线柱图的样式的各项配置的含义。 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
高级 联动 单击“高级 > 联动右侧的”，进入图表联动设置页面，设置参数，示例请参见联动示例。 表3 图表联动设置 参数 说明 过滤 设置时需要先选择需要绑定的字段，选择完成之后选择需要关联的图表，支持全选仪表板上的图表。 关联图表 联动关联的图表。 跟随绑定字段：绑定字段设置为“
高级 联动 单击“高级 > 联动右侧的”，进入图表联动设置页面，设置参数，示例请参见联动示例。 表5 图表联动设置 参数 说明 过滤 设置时需要先选择需要绑定的字段，选择完成之后选择需要关联的图表，支持全选仪表板上的图表。 关联图表 联动关联的图表。 跟随绑定字段：绑定字段设置为“
30分钟。 样式 本章节介绍折线柱图的样式的各项配置的含义。 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
设置中国地图样式参考表1 样式参数 表1 样式参数 参数 参数说明 尺寸位置 设置图表的宽（W）和高（H），单位为px。设置图表在画布中的位置，单位为px。 设置图表在画布上的透明度，比例越大透明程度越低。 全局样式 地图中心：通过设置顶部、左侧的数值大小调整地图中心在图层中的位置。
分钟。 样式 本章节介绍双曲折线柱图的样式的各项配置的含义。 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
大西洋版：切换地图样式为以大西洋为中心。 地图中心：设置地图中心在图层中的位置。 维度：设置地图中心的维度，输入值必须在-180到180之间。 经度：设置地图中心的经度，输入值必须在-180到180之间。 地图缩放：根据经纬度设置的中心点，对整个地图进行缩放，缩放范围0.1~50。 图2 全局样式 填充设置
堆积柱状图 堆积柱状图可以展示每项数据在一段时间内的趋势及数据间的比较情况，堆积柱状图可以形象地展示一个大分类包含的每个小分类的数据，以及各个小分类的占比，显示单个项目与整体之间的关系。 本文为您介绍如何为堆积柱状图添加数据并配置样式。 约束限制 维度轴由数据的维度决定，至少选择1个维度。例如日期、省份或产品类型。
堆积条形图 堆积条形图可以展示每项数据在一段时间内的趋势及数据间的比较情况，堆积条形图可以形象地展示一个大分类包含的每个小分类的数据，以及各个小分类的占比，显示单个项目与整体之间的关系。 本文为您介绍如何为堆积条形图添加数据并配置样式。 约束限制 维度轴由数据的维度决定，至少选择1个维度。例如日期、省份或产品类型。
高级 联动 单击“高级 > 联动右侧的”，进入图表联动设置页面，设置参数，示例请参见联动示例。 表5 图表联动设置 参数 说明 过滤 设置时需要先选择需要绑定的字段，选择完成之后选择需要关联的图表，支持全选仪表板上的图表。 关联图表 联动关联的图表。 跟随绑定字段：绑定字段设置为“
0分钟。 样式 本章节介绍水平柱状图样式的各配置项的含义。 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
、30分钟。 样式 本章节介绍线状图的样式的各项配置的含义。 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
本文介绍开发者在开发自定义组件时，需要遵循的文件结构。 在使用命令insight init生成组件包之后，组件包中包含如下文件。 表1 开发包文件介绍 文件名 说明 gui.json 组件配置，包括样式、数据和交互的配置。 Index.js 组件主入口。 Index.less 组件样式css配置。
X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。 图1 尺寸位置 全局样式 地图中心：设置地图中心在图层中的位置。 顶部：设置地图中心的顶部，输入值必须在0到200之间。 左侧：
有背景：当勾选框时，为有状态icon。 表3 图表样式 参数 说明 显示图例 设置图示图例，不支持：当未勾选框时，为无法设置图示图例。支持：当勾选框时，支持设置图示图例。 文本 设置图例显示时的文本字体大小。 位置 设置图例显示时的显示位置，支持下方和上方设置。 色板 设置图例的色板，支持系统和自定义设置。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
