华为云用户手册

多数据集 部分组件可能存在使用多个数据源的情况，例如地图组件可能存在多个图层，相应配置可以如下： propertiesConfig: [ { config: [ { type: "dataSetting", name: 'heatMapDataConnector', mapping: {} }, { type: "dataSetting", name: 'DistrictDataConnector', mapping: {} } ], } ],

轮播配置 在轮播配置中，设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播图片轮播设置 轮播设置 图片：设置轮播组件的图片。 填充方式：设置图片填充方式，支持填充、包含、覆盖和无。 切换 切换方向：设置图片切换方向，如水平、垂直。 切换方式：设置图片切换方式，如淡出、推出、展示等。 自动播放 自动轮播：设置轮播方式，支持手动和自动。 间隔时间：设置轮播的间隔时间，不大于24秒。 定位显示 定位标志：是否显示定位标志。 标志选择：选择标志样式，如点、线等。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 轮播图片卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。

为项目设置锁 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 在页面右上角，选择“编辑项目”。 获取项目编辑权限后，可对项目进行通用设置、组件设置、资源设置和健康检查设置等。 设置完成后，单击“保存”，即可释放项目锁。 您也可以单击页面右上角的“退出项目设置”，释放项目锁。

图形 图形是指组件中，实现 数据可视化 的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 玫瑰花饼图图形 颜色：设置图表中，图形的颜色。 统一配置 数据系列：是否显示该系列数据。如果不选中，会隐藏该组件中对应的系列数据。 南丁格尔图：是否使用南丁格尔图。 圆心角：设置为相同时，每块扇区的圆心角相同，通过扇区的面积大小体现比例大小。设置为不同时，圆心角和面积均不相同。 内半径：设置饼图内半径的值，单位%。 外半径：设置饼图外半径的值，单位%。 圆心横坐标：设置饼图圆心横坐标的值，单位%。 圆心纵坐标：设置饼图圆心纵坐标的值，单位%。 排布顺序：扇区可按顺时针或逆时针排布。 起始角度：扇区起始角度。 最小角度：扇区最小角度。 鼠标悬停：鼠标放在扇区时，该扇区是否放大显示。 所有标签设置：是否显示标签。 所有标签悬浮设置：标签悬浮设置。 标签位置：标签显示位置，如内部、外部或中间。 标签视觉引导线是否展现：标签视觉引导线设置。 引导线长度：设置引导线的长度。 标签内容：标签内容是否显示系列名、数据名、数据值和百分比。 标签文字：标签字体颜色、大小、粗细和系列设置。 描边：饼图间系列和整体范围描边样式。 设置背景：是否设置饼图背景，支持设置背景颜色、内外半径。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 下标：数据系列所在的位置。 初始选中：数据项初始是否被选中。 颜色样式：数据系列的颜色样式，支持以下几种。 单色：可设置正常颜色和高亮下颜色。 渐变色：可设置渐变样式、渐变方向、起始颜色和结束颜色。 纹理：设置为“纹理”时，需要上传纹理图片，支持设置所有数据项纹理重复或者不重复。 普通标签：未选中数据系列时，标签的样式。 系列名是否展示：标签中系列名是否显示，如工程管理。 数据值是否展示：标签中数据值是否显示，如工程管理对应的数据值“635”。 百分比是否展示：标签中百分比是否显示，如工程管理对应的百分比“67.2”%。 普通标签字体：设置标签内容的字体、颜色和大小等。 高亮标签：选中数据系列时，标签的样式。 系列名是否展示：标签中系列名是否显示，如工程管理。 数据值是否展示：标签中数据值是否显示，如工程管理对应的数据值635。 百分比是否展示：标签中百分比是否显示，如工程管理对应的百分比67.2%。 高亮标签字体：设置标签内容的字体、颜色和大小等。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 玫瑰花饼图卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题： 标题：是否显示该组件标题。 内容：输入组件标题内容。 字体：设置组件标题的字体、大小和颜色等。 对齐：标题相对于组件的对齐方式，支持左对齐、右对齐和居中。 标题背景色：标题背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与玫瑰花饼图之间的偏移量。 图5 标题偏移 背景 背景色：设置组件卡片的背景颜色。 边框：组件的边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：设置组件中图表的样式，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：设置为“显示”时，可自定义标题的内容、位置、字体大小和颜色等。

图例 图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 图7 玫瑰花饼图图例 统一配置 图例：是否显示图例，如工程管理、环境管理。图例文字内容来源于数据模型下“s”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对齐方式：设置图例的垂直对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时可设置图例类型，即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时，支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。 图例总宽高：设置图例项的宽度和高度，单位为“%”。 图例项宽度：设置图例的宽度，支持自动和自定义。 图例间隔：设置图例项之间的间隔。 图例标记 图例标记：设置图例前图标的形状。 标记宽高：设置图例前图标的宽度和高度。 图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。 前缀：数值前是否显示前缀。 前缀内容：设置前缀的显示内容。 前缀字体：设置前缀的字体、大小和颜色等。 前缀右间距：设置前缀和数值之间的间距。 后缀：数值后是否显示后缀。 后缀内容：设置后缀的显示内容。 后缀字体：设置后缀的字体、大小和颜色等。 后缀左间距：设置后缀和数值之间的间距。 百分比：是否显示百分比。设置为“显示”时，支持设置如下参数。 数字字体：设置百分比中数值的字体、大小和颜色等。 百分号字体：设置百分比中百分号的字体、大小和颜色等。 百分号左间距：设置数值和百分比之间的间距。

在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏应用开发页面，拖拽所需组件（如多折线图）到画布中。 图4 拖拽多折线图到画布中 选中该组件，单击组件上方的，进入组件数据页面。 在“数据类型”下拉框中，选择“数据集”，选择创建Prometheus数据集中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。 图5 拖拽字段到坐标轴 表格字段：展示创建Prometheus数据集中，获取的数据。 配置：从表格字段中，拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期：每隔多少秒从HTTP连接器中读取一次数据，默认配置为“0”，表示只获取一次。 共享数据：是否共享数据。勾选后，如果多个组件调用了相同的桥接器URL请求，不会各自只调用，而是共享结果数据。 单击页面上方的，保存设置页面。 单击，进入预览页面，预览效果。

配置 在配置中，设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮：按钮状态，分为启用和禁用。 内容：按钮显示文字，如保存。 默认文字：按钮显示文字的字体、文字粗细、文字大小、文字颜色。 默认背景色：处于默认状态下的背景色。 悬浮文字颜色：鼠标悬浮在按钮上时，按钮显示文字的颜色。 悬浮背景色：鼠标悬浮在按钮上时，按钮的背景色。 选中文字颜色：选中当前按钮时，按钮显示文字的颜色。 选中背景色：选中当前按钮时，按钮的背景色。 圆角：按钮边框的圆角，四个角弧度取值范围为0~500，单位px。 内边距：图表和组件边框之间的内边距，单位px。

配置 在配置中，设置多趋势组件的数值、同比和环比。 图5 多趋势配置 数值配置 显示数字：趋势中是否显示数字。 数字字体：设置数字的字体、大小和颜色等。 前缀：设置数字的前缀。 图6 设置数字前缀 字体大小：设置数字前缀的字体大小。 后缀：设置数字的后缀，如%。 字体大小：设置数字后缀的字体大小。 趋势图标：设置趋势的图标，可以自定义，也可以使用默认。 图标宽：设置趋势图标的宽度。 图标高：设置趋势图标的高度。 次要趋势排布：设置次要趋势的排布方式，如垂直、水平。 趋势位置：次要趋势显示的位置。 趋势图标位置：次要趋势相对于数字的位置。 同比 是否显示：是否显示同比次要趋势。 趋势名称：设置趋势的名称。 趋势名称字体：设置趋势名称的字体、大小和颜色。 数字字体：设置趋势数字的字体、大小和颜色。 前缀：设置趋势数字的前缀。 字体大小：设置趋势数字前缀的字体大小。 后缀：设置趋势数字的后缀，如%。 字体大小：设置趋势数字后缀的字体大小。 环比 是否显示：是否显示环比次要趋势。 趋势名称：设置趋势的名称。 趋势名称字体：设置趋势名称的字体、大小和颜色。 数字字体：设置趋势数字的字体、大小和颜色。 前缀：设置趋势数字的前缀。 字体大小：设置趋势数字前缀的字体大小。 后缀：设置趋势数字的后缀，如%。 字体大小：设置趋势数字后缀的字体大小。

配置 在配置中，对下拉选择框和下拉弹出框进行设置。 图4 下拉选择框配置 下拉选择框设置 开启多选：开启后，支持自定义默认选项。 默认选择项：下拉框默认的选择项。 字体：下拉框中字体的大小、颜色等设置。 背景颜色：设置下拉框的背景颜色。 边框颜色：默认状态下，下拉框边框的颜色。 边框聚焦颜色：鼠标选中下拉框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在下拉框上时，边框的颜色。 占位符：没有输入内容时，展示的文字内容。 是否禁用：是否禁用该下拉框，禁用后，用户不可选择内容。 是否可输入：禁用后，只能在下拉框中选择，无法输入查找。 图5 是否可输入设置后效果 下拉弹出框设置 最大高度：设置下拉弹出框的最大高度。 背景颜色：设置下拉弹出框的背景色。 字体颜色：设置下拉弹出框中字体的颜色。 选中态背景颜色：设置选中某项内容时，背景的颜色。 选中态字体颜色：设置选中某项内容时，字体的颜色。 鼠标悬浮时背景颜色：设置鼠标悬浮在某项内容上时，背景的颜色。 鼠标悬浮时字体颜色：设置鼠标悬浮在某项内容上时，字体的颜色。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 下拉选择框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。

数据 在数据中，设置天气组件的数据来源，更多介绍请参见数据接入。 图6 设置组件数据源 图7 选择桥接器预置-静态数据 静态数据中，“dataNow”对应今日天气，“dataForecast”对应未来几天天气预报。 AstroCanvas预置了一套漂亮的天气图标，用于在天气组件上使用图标展示天气状况，并用字段“icon”表示今日天气图标，“iconDay”表示未来日期的天气图标。例如取值为“100”，表示晴天，界面会展示天气图标；取值为“307”，表示大雨，界面会展示天气图标。取值和天气的对应关系请参见表1。 表1 图标字段“icon”、“iconDay”的取值和天气对照表 icon/iconDay 取值 天气状况（中文） 天气状况（英文） 100 晴 Sunny 101 多云 Cloudy 102 少云 Few Clouds 103 晴间多云 Partly Cloudy 104 阴 Overcast 150 晴 Clear 153 晴间多云 Partly Cloudy 154 阴 Overcast 300 阵雨 Shower Rain 301 强阵雨 Heavy Shower Rain 302 雷阵雨 Thundershower 303 强雷阵雨 Heavy Thunderstorm 304 雷阵雨伴有冰雹 Thundershower with hail 305 小雨 Light Rain 306 中雨 Moderate Rain 307 大雨 Heavy Rain 308 极端降雨 Extreme Rain 309 毛毛雨/细雨 Drizzle Rain 310 暴雨 Storm 311 大暴雨 Heavy Storm 312 特大暴雨 Severe Storm 313 冻雨 Freezing Rain 314 小到中雨 Light to moderate rain 315 中到大雨 Moderate to heavy rain 316 大到暴雨 Heavy rain to storm 317 暴雨到大暴雨 Storm to heavy storm 318 大暴雨到特大暴雨 Heavy to severe storm 399 雨 Rain 350 阵雨 Shower Rain 351 强阵雨 Heavy Shower Rain 400 小雪 Light Snow 401 中雪 Moderate Snow 402 大雪 Heavy Snow 403 暴雪 Snowstorm 404 雨夹雪 Sleet 405 雨雪天气 Rain And Snow 406 阵雨夹雪 Shower Snow 407 阵雪 Snow Flurry 408 小到中雪 Light to moderate snow 409 中到大雪 Moderate to heavy snow 410 大到暴雪 Heavy snow to snowstorm 499 雪 Snow 456 阵雨夹雪 Shower Snow 457 阵雪 Snow Flurry 500 薄雾 Mist 501 雾 Foggy 502 霾 Haze 503 扬沙 Sand 504 浮尘 Dust 507 沙尘暴 Duststorm 508 强沙尘暴 Sandstorm 509 浓雾 Dense fog 510 强浓雾 Strong fog 511 中度霾 Moderate haze 512 重度霾 Heavy haze 513 严重霾 Severe haze 514 大雾 Heavy fog 515 特强浓雾 Extra heavy fog 900 热 Hot 901 冷 Cold 999 未知 Unknown

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图4 卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图3）的距离，默认为0，即铺满整个组件。

配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图5 配置 统一配置 是否显示未来天气预测：是否展示未来一周的天气预报。 背景颜色：天气预报的背景颜色。 今日温度 是否显示：是否显示今日温度。 字体：今日温度的字体、大小和颜色等设置。 天气图标 是否显示：是否显示天气图标。 图标大小：天气图标的大小。 图标颜色：天气图标的颜色。 城市名字 是否显示：是否显示城市名字。 字体：城市名字的字体、大小和颜色等设置。 今日天气 是否显示：是否显示今日天气。 字体：今日天气的字体、大小和颜色等设置。 当前星期 是否显示：是否显示当前星期。 字体：今日星期的字体、大小和颜色等设置。 当前日期 是否显示：是否显示当前日期。 字体：今日日期的字体、大小和颜色等设置。 当前时间 是否显示：是否显示当前时间。 字体：当前时间的字体、大小和颜色等设置。 今日其他指标 是否显示：是否显示今日其他天气指标。 字体：今日其他天气指标的字体、大小和颜色等设置。 未来天气图标 是否显示：是否显示未来天气图标。 图标大小：未来天气图标的大小。 图标颜色：未来天气图标的颜色。 未来最高温度 是否显示：是否显示未来几天的最高温度。 字体：未来几天最高温度的字体、大小和颜色等设置。 未来最低温度 是否显示：是否显示未来几天的最低温度。 字体：未来几天最低温度的字体、大小和颜色等设置。 未来星期展示 是否显示：是否显示未来几天星期。 字体：未来几天星期的字体、大小和颜色等设置。 未来日期展示 是否显示：是否显示未来几天的日期。 字体：未来几天日期的字体、大小和颜色等设置。

购买实例 进入购买Astro大屏应用实例页面。 选择购买的实例版本和购买时长，单击“立即购买”。 购买实例时，支持同时购买页面扩容包，也可以在实例购买后，对页面进行扩容。页面扩容包计费规则，请参见计费项。 图1 购买实例（基础版） 图2 购买实例（专业版） 图3 购买实例（企业版） 选择支付方式，单击“去在线支付”，完成订单支付。 图4 确认付款 订单支付成功后，单击“返回Astro轻应用控制台”。 在Astro大屏应用控制台中，可以查看Astro大屏应用的安装状态。当“实例状态”变为“运行中”时，说明实例已安装好，可以正常使用。 图5 Astro大屏应用控制台

配置 在配置中，设置趋势的样式。 图4 配置 内边距：设置图表和组件边框之间的距离，单位为px。 对齐方式：标题的对齐方式，支持左对齐、居中和右对齐。 显示标题：是否显示组件标题。 标题内容：“显示标题”开关打开后，设置标题内容。 标题字体：“显示标题”开关打开后，设置标题字体、文字粗细、文字大小和文字颜色。 显示数字：是否显示数字。 数字字体：“显示数字”开关打开后，设置数字字体、数字文字大小、数字文字粗细和数字文字颜色。 显示趋势：图表中是否显示趋势图标。 趋势图标大小：趋势图标的大小。 上升趋势数字字体：设置上升趋势数字的字体、大小和颜色等。 持平趋势数字字体：设置持平趋势数字的字体、大小和颜色等。 下降趋势数字字体：设置下降趋势数字的字体、大小和颜色等。 趋势位置：趋势相对于数字的位置。

配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图4 配置 星期 显示：是否显示星期。 字体：设置星期字体、颜色和大小等。 年月日 显示：是否显示年月日。 字体：设置年月日字体、颜色和大小等。 时间 显示：是否显示时间。 字体：时间的字体、文字大小和文字颜色等。 卡片背景色：设置组件卡片的背景颜色。 卡片宽度：卡片的宽度，取值范围为[0, 200]，单位为px。 卡片高度：卡片的高度，取值范围为[0, 200]，单位为px。 卡片左间距：卡片和组件左边框的间距，取值范围为[0, 200]。 卡片右间距：卡片和组件右边框的间距，取值范围为[0, 200]。 内部背景颜色：设置组件内部背景颜色。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 标题：是否显示标题。打开该开关后，可设置标题的字体大小、字体颜色和标题内容等。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示该组件的标题，如“π巡报警”。 内容：自定义组件标题的内容。 字体：设置组件标题的字体、大小和颜色等。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 标题偏移：组件标题与满月饼图之间的偏移量。 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：设置为“显示”时，可自定义标题的内容、位置、字体大小和颜色等。

图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置组件中，图表的图形颜色。 统一配置 数据系列：是否显示该系列数据。如果不显示，会隐藏该组件中对应的系列数据。 南丁格尔图：是否使用南丁格尔图。 内半径：设置饼图内半径的值，单位%。 外半径：设置饼图外半径的值，单位%。 圆心横坐标：设置饼图圆心横坐标的值，单位%。 圆心纵坐标：设置饼图圆心纵坐标的值，单位%。 排布顺序：扇区可按顺时针或逆时针排布。 起始角度：扇区起始角度。 最小角度：扇区最小角度。 鼠标悬停：鼠标放在扇区时，该扇区是否放大显示。 所有标签设置：设置为显示后，图表中会显示标签。 所有标签悬浮设置：鼠标悬浮在对应数据系列上时，标签是否显示。 标签位置：标签显示位置，如内部、外部或中间。 标签视觉引导线是否展现：设置为“是”时，标签前会添加引导线。 引导线长度：设置标签引导线的长度。 标签内容：设置标签显示的内容，如数据值、百分比、系列名。 标签文字：设置标签内容的字体、大小和颜色等。 描边：实心圆饼图间系列和整体范围的描边样式。 设置背景：设置饼图的背景。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 下标：数据系列所在的位置。 初始选中：数据项初始是否被选中。 颜色样式：数据系列的颜色样式。 单色：可设置正常颜色和高亮下颜色。 渐变色：可设置渐变样式、渐变方向、起始颜色和结束颜色。 纹理：设置为“纹理”时，需要上传纹理图片，支持设置所有数据项纹理重复或者不重复。 普通标签：未选中数据系列时，标签的样式。 系列名是否展示：标签中系列名是否显示，如工程管理。 数据值是否展示：标签中数据值是否显示，如工程管理对应的数据值“635”。 百分比是否展示：标签中百分比是否显示，如工程管理对应的百分比“67.2”%。 普通标签字体：设置标签内容的字体、颜色和大小等。 高亮标签：选中数据系列时，标签的样式。 系列名是否展示：标签中系列名是否显示，如工程管理。 数据值是否展示：标签中数据值是否显示，如工程管理对应的数据值635。 百分比是否展示：标签中百分比是否显示，如工程管理对应的百分比67.2%。 高亮标签字体：设置标签内容的字体、颜色和大小等。

图例 图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 图5 图例 统一配置 图例：是否显示图例，如工程管理、环境管理。图例文字内容来源于数据模型下“s”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对齐方式：设置图例的垂直对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时可设置图例类型，即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时，支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。 图例总宽高：设置图例项的宽度和高度，单位为“%”。 图例项宽度：设置图例的宽度，支持自动和自定义。 图例间隔：设置图例项之间的间隔。 图例标记 图例标记：设置图例前图标的形状。 标记宽高：设置图例前图标的宽度和高度。 图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。 前缀：数值前是否显示前缀。 前缀内容：设置前缀的显示内容。 前缀字体：设置前缀的字体、大小和颜色等。 前缀右间距：设置前缀和数值之间的间距。 后缀：数值后是否显示后缀。 后缀内容：设置后缀的显示内容。 后缀字体：设置后缀的字体、大小和颜色等。 后缀左间距：设置后缀和数值之间的间距。 百分比：是否显示百分比。设置为“显示”时，支持设置如下参数。 数字字体：设置百分比中数值的字体、大小和颜色等。 百分号字体：设置百分比中百分号的字体、大小和颜色等。 百分号左间距：设置数值和百分比之间的间距。

设置项目封面 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在“项目列表”中，单击对应项目上的。 设置项目封面，单击“确定”。 图片默认为匿名可访问，请勿上传包含敏感数据的图片。 图1 设置项目封面 页面缩略图：使用项目中，页面的缩略图，作为当前项目的封面。 上传封面：单击“上传封面”，从本地上传图片作为项目的封面。建议使用596*328尺寸的图片。 默认封面：使用系统提供的默认封面，作为当前项目的封面。

图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 图形 统一配置 图标选中色：设置选中前台排序、前台筛选时，图标的显示颜色。 图8 选中前台排序时图标显示的颜色 前台排序：是否开启前台排序功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行排序。 图9 在前台对数据进行排序 前台筛选：是否开启前台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。 图10 在前台对数据进行筛选 数据系列：数据系列是一个数组，通常包含多个系列，即通过一个或多个系列配置循环渲染。 图11 数据系列 在数据系列中，拖动某一个系列可以和其他系列组成一个层级，最多支持3层。 图12 新建层级 图13 新建图层 原数据名：原始数据中默认的系列名称，可通过设置“列名”，进行修改。文字内容来源于数据模型的取值，如组件名称、时延和成功率。 类型：选择数据的类型，如单行文本、多行文本、数字、趋势、图片、迷你柱状图、迷你折线图和迷你进度条。不同的类型，展示的参数所有不同，请以界面实际显示的为准。本章节以单行文本为例，进行介绍。选择迷你柱状图和迷你折线图时，支持放大图表显示。 图14 图表放大显示 列名：自定义数据中的系列名称。 数据系列：在图表中，是否显示数据系列。例如，组件名称系列中，单击开启，图表中将会显示组件名称这列，如果关闭，将会隐藏掉该列。 图15 开启数据系列效果 图16 关闭数据系列效果 前台排序：是否开启前台排序功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行排序。“数据系列”设置为“开启”时，才会展示该配置。 图17 在前台对数据进行排序 前台筛选：是否开启前台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。 图18 在前台对数据进行筛选 列宽占比(%)：设置对应系列在图表中的占比。 表头对齐方式：设置表头的对齐方式，如居中、左对齐等。 表头背景色：设置表头的背景颜色。 表头字体：设置表头的字体、颜色和大小等。 内容对齐方式：设置表格内容的对齐方式，如居中、左对齐等。 内容字体：设置表格内容的字体、颜色和大小等。

配置 在配置中，设置组件的背景色、表格行数、表头和单元格等。 图5 配置 全局样式 背景色：设置表格的背景颜色。 表格行数：当前表格可视高度展示的数据行数。 边框：设置表格的边框样式。 表头设置 溢出文本：设置表格中超长文本的显示样式，如显示为省略号和换行显示。 表头对齐方式：设置表头的对齐方式，如左对齐、居中或右对齐。 表头行高占比(%)：设置表头行高的占比。 表头背景色：设置表头的背景颜色，所有列的表头背景色同步修改。 表头字体：设置表头字体，所有列的表头字体同步修改。 边框：设置表头的边框样式。 单元格 溢出文本：设置表格中超长文本的显示样式，如显示为省略号、换行显示和滚动显示。 内容对齐方式：设置单元格内的内容对齐方式，如左对齐、居中或右对齐，所有内容对齐方式同步修改。 内容字体：设置单元格的内容字体，所有列的内容字体同步修改。 边框：设置单元格的边框样式。 树状表格 懒加载：开启懒加载时，必须配置全局变量和交互事件。 展开层级：选择树状表格的展开层级。 新增条件格式：单击“新增条件格式”，可增加条件格式。如图6中所示，该设置表示成功率列满足设置的条件（等于80.4%）时，组件名称列显示为红色，否则显示为正常颜色。 树状表格的条件格式，只有在关联关系以及响应数据列是单行文本和数字类型时才会生效。 图6 新增条件格式

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 标题设置 标题：是否显示组件标题。 标题内容：输入标题内容。 标题行高度：设置标题的行高，单位px。 背景色：设置标题背景色。 文本位置：设置标题中文本位置，支持居中、靠左、靠右或自定义。 字体：设置标题的字体、大小和颜色等。 表格操作 列显示/隐藏：在运行态是否可以设置显示/隐藏的列。开启“列显示/隐藏”后，可以设置“悬浮显示”、“图标色”和“图标选中色”。 图4 列显示效果 表格导出：是否开启表格导出功能。开启表格导出后，可以设置“悬浮显示”、“图标色”和“图标选中色”。 下载数据无父子集关系。 悬浮显示：开启悬浮显示后，鼠标移动到表格组件上时，才会显示对应的按钮。 图标色：设置按钮的图标颜色。 图标选中色：设置选中按钮时，按钮图标的颜色。

设置Token认证 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。 图1 打开发布链接（新建项目） 图2 打开发布链接（已有项目） 单击，可生成新的链接，原链接将不可访问。单击，可复制该链接。 打开“Token认证”开关，设置签名校验参数和有效期。 图3 设置Token认证 ：打开Token认证开关后，AstroCanvas会生成一个Token。单击该图标，可复制Token。 签名地址只允许打开一次：开启后，签名地址仅允许在当前浏览器中使用。关闭浏览器后，再次访问时需要重新获取签名地址。如果不开启，不限制访问次数，但支持设置有效期。

前提条件 已参考创建 IAM 用户中操作，创建IAM用户。默认情况下，新创建的IAM用户没有任何权限。您需要为其授予权限，或将其加入用户组，并给用户组授权，用户组中的用户将获得用户组的权限。创建用户组时，请给用户组赋予“Astro Canvas InstanceManagement”系统策略，您也可以直接使用系统预置的admin用户组。 图1 赋予用户组Astro Canvas InstanceManagement系统策略 IAM用户创建后，请使用IAM用户登录AstroCanvas。登录后会提示图2中所示信息，此时您需要按照本章节操作，为IAM用户进行授权。授权后，IAM用户才可正常登录AstroCanvas进行可视化应用的开发。 图2 没有该服务访问权限

参考线 参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 图11 参考线 统一配置：设置参考线两端的样式，如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线：是否显示Y轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增Y轴参考线”，可新增参考线。单击对应参考线后的，可删除参考线。 X轴参考线 X轴参考线：是否显示X轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增X轴参考线”，可新增参考线。单击对应参考线后的，可删除参考线。

指标 指标是指可视化组件中，对除可视化图形之外的具体补充，即主要以文字和数字的表现形式，为可视化组件提供具体数值的参考。 图12 指标 显示指标：是否显示指标。 指标内容：设置指标的内容，多数据维度配置示例为“数据系列1指标内容|数据系列2指标内容”。 指标字体：设置指标内容的字体、大小、颜色等。 指标类型：设置指标类型，支持总和、平均值和自定义。 数值内容：“指标类型”设置为“自定义”时，支持自定义数值内容。 数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。