脆弱性大屏总览 展示脆弱性资产、漏洞、不合格基线、未防护资产的总数。 脆弱性资产表示当前时间存在未处理的漏洞、不合格的基线或未防护的资产。 表1 脆弱性大屏总览 参数名称 统计周期 更新频率 说明 脆弱性资产总数 实时 每小时 存在漏洞、基线检查问题的资产数量统计 漏洞 实时 每小时 漏洞管理中的漏洞统计数据 不合格基线数 实时 每小时 安全云脑 基线检查中的数据 未防护资产 实时 每小时 用户没有开启安全防护的资产数量，例如没有开启主机安全服务的E CS ，没有开启DDoS的弹性公网IP等。

基线检查通过率 呈现基线检查通过率、基线自动检查不通过资源统计情况、基线检查不通过类型及其数量、基线检查总数等。 表5 基线检查通过率 参数名称 统计周期 更新频率 说明 基线检查通过率 实时 每小时 基线检查通过率 = ( 基线检查合格项 / 总检查项 ) * 100%。 基线自动检查不通过资源统计 实时 每小时 基线检查不合格项，按照严重程度统计其影响的资源数。 基线检查 实时 每小时 基线检查合格、不合格、失败数量统计。

样式 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。 图1 尺寸位置 全屏 全局样式 全屏显示：支持通过url和本地上传图片。 退出全屏：支持通过url和本地上传图片。 背景色：设置全屏功能的背景色。 圆角：设置全屏的圆角。 显示方式：支持总是和鼠标上移。 搜索 样式 提示信息：支持对文本、字体大小、颜色的设置。 字号：支持设置搜索的字号。 字体粗细：支持设置搜索字体的粗细。 字体颜色：支持设置搜索字体的颜色。 背景色：支持设置搜索的背景色。 搜按钮颜色：支持设置搜索按钮的颜色。 边框：支持设置边框的宽度、颜色、边框类型。边框类型支持实线、虚线、点划线。 单选下拉 样式 背景色：设置单选下拉的背景颜色。 边框：支持对边框的宽度、圆角、颜色、类型的设置。 箭头：支持对箭头的颜色、大小、右边距的设置。 字体样式：支持对字体的字号、字体粗细、字体颜色、卡片圆角度、背景色的设置。 结果框样式 最大高度：设置单选下拉的最大高度。 字体大小：设置单选下拉的字体大小。 字体粗细：设置单选下拉的字体的粗细。 字体颜色：设置单选下拉的字体颜色。 选项悬浮颜色:支持设置单选下拉的选项悬浮色。 选项选中颜色：支持设置单选下拉的选项选中的颜色。 背景色：支持设置单选下拉的背景色。 选择配置：勾选“允许取消选择”，单选下拉允许取消选择，且提示文本可设置；未勾选“允许取消选择”，单选下拉不允许取消选择，提示文本不可设置。 如果没有设置初始值、未勾选选择配置，则默认填入绑定字段的第一行数据；如果绑定的数据集无数据的情况下，单击下拉框展示“暂无数据”。 初始值设置：支持单选下拉设置初始值，设置方式有固定和动态获取。 固定：当初始化值方式为固定时，可设置单选下拉组件的初始字段。 不填写初始字段、允许取消选择，则为不设置默认值。 不填写初始字段、不允许取消选择，则默认填入绑定字段的第一行数据。 动态获取：当初始化值方式为动态获取时，可设置单选下拉组件的字段索引。 填入索引值将用于动态获取初始值。填入0则默认选中第一行数据。索引值超出数据范围则取最后一行数据。 不允许输入负数。 多选下拉框样式 样式 背景色：设置多选下拉的背景颜色。 边框：支持对边框的宽度、圆角、颜色、类型的设置。 箭头：支持对箭头的颜色、大小、右边距的设置。 卡片样式：支持对字体的字号、字体粗细、字体颜色、卡片圆角度、背景色的设置。 结果框样式 最大高度：设置多选下拉的最大高度。 初始值设置 初始化值：支持多选下拉框设置初始值，设置方式有固定和动态获取。 固定：当初始化值方式为固定时，可设置单选下拉组件的初始字段，多个字段之间用分号。 动态获取：当初始化值方式为动态获取时，可设置多选下拉组件的字段索引，多个索引之间用分号。 填入索引值将用于动态获取初始值，填入0则默认选中第一行数据。索引值超出数据范围则取最后一行数据。 索引值去重：如果填入两个重复的索引值，则以单个索引值为初始化值；填入多个索引值，超出实际数据范围，根据索引值规则，显示数据围内的字段。 提示文本：设置下拉选项的提示文本。 文本大小：用户可自定义设置。 Tab列表样式 全局样式 字体：设置Tab列表的字体。 行数：设置Tab列表的行数是，输入值不能小于1。 边框宽度：设置Tab列表的宽度，输入值不能小于0。 选择类型：设置Tab列表的类型，支持单选多选的设置。 Tab配置：可对tab的内容以及值进行设置。 标签配置： 字号：字号设置范围10~100之间。 字体颜色：用户自定义标签颜色。 字体粗细：字体粗细类型Normal、Bold、Bolder、Lighter。 背景颜色：标签列表的背景颜色可自定义设置。 圆角半径：标签的圆角半径可设置，取值范围0~50。 选中文字/背景/悬浮边框颜色：用户可自定义设置颜色。 单轮轮播： 轮播开关：支持设置轮播开关设置。 轮播间隔：轮播间隔用户可设置，取值范围不能小于3000。

交互组件类型说明 表1 交互组件 类型 说明 数据要素 全屏 通过单击控制大屏的全屏功能。 无。 iFrame 在大屏中添加iFrame内容。 链接。 搜索 在大屏中添加搜索框。 控件变量。 单选下拉 下拉菜单中进行选择，用于数据选项较多的场景。 选项/维度、控件变量。 Tab列表 通过添加Tab控件，您可以在大屏中以标签页的形式展示多个大屏。 控件变量。 多选下拉框 下拉菜单中进行选择，用于数据选项较多的场景。 选项/维度、控件变量。

发布大屏步骤 登录智能数据洞察控制台。 单击管理控制台左上角的，选择区域。 单击左下角的企业项目选择企业项目。 在控制台的右侧“我的项目列”选择或搜索对应的项目，单击进入项目。 在项目页面，单击数据分析下“大屏”进入大屏管理页面。 单击未发布的大屏，进入编辑页面。 单击页面右上角的“保存并发布”按钮，页面提示“大屏发布成功”。 如果编辑大屏内容，单击大屏页面右上角“重新发布”按钮，页面提示“大屏发布成功”。

基线检查通过率 如图8所示，呈现基线检查通过率、基线自动检查不通过资源统计情况、基线检查不通过类型及其数量、基线检查总数等。 表5 基线检查通过率 参数名称 统计周期 更新频率 说明 基线检查通过率 实时 每小时 基线检查通过率 = ( 基线检查合格项 / 总检查项 ) * 100%。 基线自动检查不通过资源统计 实时 每小时 基线检查不合格项，按照严重程度统计其影响的资源数。 基线检查 实时 每小时 基线检查合格、不合格、失败数量统计。 图8 基线检查通过率

漏洞修复率 如图7所示，展示漏洞修复率、TOP5 漏洞类型分布情况和漏洞趋势变化情况。 表4 漏洞修复率 参数名称 统计周期 更新频率 说明 漏洞修复率 实时 每小时 漏洞修复率 = ( 已修复漏洞数 / 漏洞总数 ) * 100%。 如果不存在漏洞，则全部显示为100%。 漏洞类型分布 实时 每小时 漏洞按照漏洞的类型进行统计。 漏洞趋势变化 近7天 每小时 近7天的漏洞按照严重程度进行分类计数。 图7 漏洞修复率

响应示例 状态码： 200 组件返回数据。 { "cell_data" : [ [ { "caption" : "create_time(year)", "data_type" : "DATETIME", "level_type" : "yearLevel", "cell_raw_value" : null, "cell_value" : "create_time(year)", "model_type" : "dimension" } ], [ { "caption" : "create_time(year)", "data_type" : "DATETIME", "level_type" : "yearLevel", "cell_raw_value" : "2020", "cell_value" : "2020", "model_type" : "dimension" } ] ], "record_count" : 1 }

请求参数 表2 请求Header参数 参数 是否必选 参数类型 描述 X-Workspace-Id 是 String 工作空间ID，即控制台的项目ID。 最小长度：0 最大长度：128 X-Auth-Token 是 String 用户Token。通过调用 IAM 服务获取IAM用户Token接口，接口返回的响应消息头中“X-Subject-Token”就是需要获取的用户Token。 最小长度：0 最大长度：8192 表3 请求Body参数 参数 是否必选 参数类型 描述 node_id 是 String 组件ID。 最小长度：0 最大长度：128 selectors 否 Array of selectors objects 筛选器列表。 数组长度：0 - 100 表4 selectors 参数 是否必选 参数类型 描述 selector_node_id 否 String 筛选器组件ID。 最小长度：0 最大长度：128 field_id 否 String 筛选器字段ID。 最小长度：0 最大长度：128 values 否 Array of objects 筛选器值。 数组长度：0 - 100

响应参数 状态码： 200 表5 响应Body参数 参数 参数类型 描述 cell_data Array of OpenApiCellInfoList objects 返回数据列表。 cell_data默认第一行为字段名称。 数组长度：0 - 1000 record_count Integer 返回数据条数。 最小值：0 最大值：1000 表6 OpenApiCellInfoList 参数 参数类型 描述 cell_info_list Array of OpenApiCellInfo objects 数据列表。 数组长度：0 - 100 表7 OpenApiCellInfo 参数 参数类型 描述 caption String 字段名称。 最小长度：0 最大长度：128 data_type String 数据类型： DATETIME：时间类型。 STRING：字符类型。 NUMBER：数值类型。 最小长度：0 最大长度：128 level_type String 日期下的子类型，比如年、月、日等。 最小长度：0 最大长度：128 cell_raw_value Object 字段原始值。 cell_value Object 字段格式化后的值。 model_type String 字段类型。 dimension：维度。 measure：度量。 metric：指标。 最小长度：0 最大长度：128

请求示例 获取大屏指定组件数据。 https://{endpoint}/v1/{project_id}/screens/{screen_id}/query-data { "node_id" : "9f7ff361-xxxx-482d-xxxx-57dd19bda14e", "selectors" : [ { "selector_node_id" : "d1e4b677-xxxx-4016-xxxx-dbd9a4bf2f20", "field_id" : "cca5cb5e-xxxx-4614-xxxx-8a4f90447ae0.field", "values" : [ "value1" ] } ] }

开发大屏页面 登录AstroCanvas服务控制台，单击“进入首页”，进入AstroCanvas界面。 选择大屏&PC端项目，输入项目名称为“统计”，单击“新建”。 图2 新建项目 在大屏&PC端项目中，单击“+ 新建页面”，选择“新建空白页面”。 输入页面标题“人员来访统计”，单击“新建”。 页面标题的长度为1~100个字符。如果页面默认大小和您的显示分辨率或目标分辨率不符，请自行调整页面分辨率及组件布局以达到最佳显示效果 在页面上方单击，根据实际需要设置背景图片。 图3 设置背景图片 图4 选择背景图 从全部组件中，分别拖拽文本编辑、水平基本柱图、基本柱图、和区域图到画布区域，布局如图6所示。 图5 拖拽文本编辑组件到画布 图6 组件布局 在页面右上角，根据需要选择所需的主题（本示例设置为经典原始，即单击“取消当前主题卡片装饰”）。 配置文本编辑组件。 选中上方文本编辑组件，单击上方，设置文本内容为“人员来访统计”，字体设置为“60”。 图7 设置文本编辑标题 在段落设置中，设置标题对齐方式为“居中”。 图8 设置标题对齐方式 配置水平基本柱图组件。 选中最上方的水平基本柱图组件，在组件上方单击，配置组件数据，单击“保存”。 “数据类型”选择“静态数据”，“输入数据”选择“Json模式”，输入如下示例数据，并单击，格式化数据。 [{ "x": "人员统计", "y": 153, "s": "总公司员工" }, { "x": "人员统计", "y": 80, "s": "合作人员" }, { "x": "人员统计", "y": 63, "s": "访客人员" }, { "x": "人员统计", "y": 124, "s": "安防人员" }, { "x": "人员统计", "y": 56, "s": "保洁人员" } ] 选中水平基本柱图组件，在组件上方单击，设置模板为“蓝色渐变不排序”。 图9 设置模板 选中水平基本柱图组件，在组件上方单击，将所有数据系列中的“数据标签”设置为“上”，让数据显示在柱形图上方。 图10 数据显示在柱形图上方 打开水平堆叠效果。 图11 打开水平堆叠 选中水平基本柱图组件，在组件上方单击，隐藏x轴，并隐藏y轴网格线。 图12 隐藏x轴 图13 隐藏y轴网格线 选中水平基本柱图组件，在组件上方单击，设置组件标题内容为“当前人员类型统计”。 图14 设置组件标题 参考9，配置左下角基本柱图。 选中左下角的基本柱图组件，在组件上方单击，配置组件数据，单击“保存”。 “数据类型”选择“静态数据”，“输入数据”选择“Json模式”，输入如下示例数据，并单击，格式化数据。 [{ "x": "01", "y": 20, "s": "入园人数" }, { "x": "02", "y": 30, "s": "入园人数" }, { "x": "03", "y": 45, "s": "入园人数" }, { "x": "04", "y": 20, "s": "入园人数" }, { "x": "05", "y": 60, "s": "入园人数" }, { "x": "06", "y": 80, "s": "入园人数" }, { "x": "07", "y": 140, "s": "入园人数" }, { "x": "08", "y": 200, "s": "入园人数" }, { "x": "09", "y": 145, "s": "入园人数" }, { "x": "10", "y": 40, "s": "入园人数" }, { "x": "11", "y": 70, "s": "入园人数" }, { "x": "12", "y": 60, "s": "入园人数" }, { "x": "13", "y": 80, "s": "入园人数" }, { "x": "14", "y": 16, "s": "入园人数" }, { "x": "15", "y": 87, "s": "入园人数" }, { "x": "16", "y": 77, "s": "入园人数" }, { "x": "17", "y": 60, "s": "入园人数" }, { "x": "18", "y": 20, "s": "入园人数" }, { "x": "19", "y": 60, "s": "入园人数" }, { "x": "20", "y": 80, "s": "入园人数" }, { "x": "21", "y": 55, "s": "入园人数" }, { "x": "22", "y": 68, "s": "入园人数" }, { "x": "23", "y": 70, "s": "入园人数" }, { "x": "24", "y": 24, "s": "入园人数" }, { "x": "01", "y": 90, "s": "出园人数" }, { "x": "02", "y": 60, "s": "出园人数" }, { "x": "03", "y": 30, "s": "出园人数" }, { "x": "04", "y": 20, "s": "出园人数" }, { "x": "05", "y": 10, "s": "出园人数" }, { "x": "06", "y": 110, "s": "出园人数" }, { "x": "07", "y": 140, "s": "出园人数" }, { "x": "08", "y": 87, "s": "出园人数" }, { "x": "09", "y": 64, "s": "出园人数" }, { "x": "10", "y": 45, "s": "出园人数" }, { "x": "11", "y": 11, "s": "出园人数" }, { "x": "12", "y": 24, "s": "出园人数" }, { "x": "13", "y": 80, "s": "出园人数" }, { "x": "14", "y": 14, "s": "出园人数" }, { "x": "15", "y": 98, "s": "出园人数" }, { "x": "16", "y": 35, "s": "出园人数" }, { "x": "17", "y": 41, "s": "出园人数" }, { "x": "18", "y": 14, "s": "出园人数" }, { "x": "19", "y": 45, "s": "出园人数" }, { "x": "20", "y": 80, "s": "出园人数" }, { "x": "21", "y": 31, "s": "出园人数" }, { "x": "22", "y": 22, "s": "出园人数" }, { "x": "23", "y": 23, "s": "出园人数" }, { "x": "24", "y": 24, "s": "出园人数" } ] 选中基本柱图组件，单击组件上方的，在统一配置中将数据系列中柱条宽度设置为8。 图15 设置柱条宽度为8 选中基本柱图组件，单击组件上方的，显示x轴网格线，显示y轴轴线，隐藏y轴网格线。 图16 显示x轴网格线 图17 显示y轴轴线、隐藏网格线 选中基本柱图组件，单击组件上方的，设置标题“内容”为“人员流程统计 人/时”。 图18 设置标题 参考9，配置区域图。 选择右下方的区域图组件，在组件上方单击，配置组件数据。 “数据类型”选择“静态数据”，“输入数据”选择“Json模式”，输入如下示例数据，并单击，格式化数据。 [{ "x": "01", "y": 20, "s": "在园人数" }, { "x": "02", "y": 30, "s": "在园人数" }, { "x": "03", "y": 45, "s": "在园人数" }, { "x": "04", "y": 20, "s": "在园人数" }, { "x": "05", "y": 60, "s": "在园人数" }, { "x": "06", "y": 80, "s": "在园人数" }, { "x": "07", "y": 140, "s": "在园人数" }, { "x": "08", "y": 200, "s": "在园人数" }, { "x": "09", "y": 145, "s": "在园人数" }, { "x": "10", "y": 40, "s": "在园人数" }, { "x": "11", "y": 70, "s": "在园人数" }, { "x": "12", "y": 60, "s": "在园人数" }, { "x": "13", "y": 80, "s": "在园人数" }, { "x": "14", "y": 16, "s": "在园人数" }, { "x": "15", "y": 87, "s": "在园人数" }, { "x": "16", "y": 77, "s": "在园人数" }, { "x": "17", "y": 60, "s": "在园人数" }, { "x": "18", "y": 20, "s": "在园人数" }, { "x": "19", "y": 60, "s": "在园人数" }, { "x": "20", "y": 80, "s": "在园人数" }, { "x": "21", "y": 55, "s": "在园人数" }, { "x": "22", "y": 68, "s": "在园人数" }, { "x": "23", "y": 70, "s": "在园人数" }, { "x": "24", "y": 24, "s": "在园人数" } ] 选中区域图组件，单击组件上方的，设置标题内容为“昨日在园人数统计 人/时”。 图19 设置组件标题 选中区域图组件，单击组件上方的，显示x轴网格线，打开y轴轴线开关，隐藏y轴网格线。 图20 显示x轴网格线 图21 打开y轴轴线隐藏网格线 单击页面上方的，保存后单击，预览效果。 图22 查看预览效果

场景描述 人员来访统计大屏用于展示园区中人员相关信息，例如人员类型，人员流量及在园人数等。大屏页面构想，如图1所示。 图1 大屏页面效果 图1中大屏页面由下列组件拼装而成，组件介绍顺序为从上到下、从左到右。 表1 组件说明 组件 说明 文本编辑 文本编辑组件，用于展示标题，例如人员来访统计。 水平基本柱图 统计当前人员类型，如总公司员工、合作员工、访客人员、安防人员、保洁人员。 基本柱图 统计入园和出园人数。 区域图 统计昨日在园人数。

开发移动端页面 登录AstroCanvas服务控制台，单击“进入首页”，进入AstroCanvas界面。 在项目列表页面，单击右上角的“+ 新建项目”。 选择“移动端”，输入项目名称为“Alarm”，单击“新建”。 图2 新建移动端项目 在项目中，单击“+新建页面”。 单击“新建空白页面”，输入页面标题“告警处理情况统计”，单击“新建”。 设置水平基本柱图组件。 在左侧全部组件中，拖拽“水平基本柱图”到页面开发操作区域，即画布区域。 图3 拖拽水平基本柱图组件 选择水平基本柱图组件，单击组件上方的，配置数据源，完成后单击“保存”。 “数据类型”选择“静态数据”，“输入数据”选择“Json模式”，输入如下示例数据，并单击，格式化数据。 [{ "x": "10-01", "y": 311, "s": "待派单" }, { "x": "10-02", "y": 465, "s": "待派单" }, { "x": "10-03", "y": 927, "s": "待派单" }, { "x": "10-04", "y": 630, "s": "待派单" }, { "x": "10-05", "y": 65, "s": "待派单" }, { "x": "10-06", "y": 800, "s": "待派单" }, { "x": "10-07", "y": 247, "s": "待派单" }, { "x": "10-08", "y": 530, "s": "待派单" }, { "x": "10-01", "y": 311, "s": "已派单" }, { "x": "10-02", "y": 465, "s": "已派单" }, { "x": "10-03", "y": 345, "s": "已派单" }, { "x": "10-04", "y": 630, "s": "已派单" }, { "x": "10-05", "y": 65, "s": "已派单" }, { "x": "10-06", "y": 800, "s": "已派单" }, { "x": "10-07", "y": 247, "s": "已派单" }, { "x": "10-08", "y": 530, "s": "已派单" }, { "x": "10-01", "y": 311, "s": "处理中" }, { "x": "10-02", "y": 465, "s": "处理中" }, { "x": "10-03", "y": 927, "s": "处理中" }, { "x": "10-04", "y": 630, "s": "处理中" }, { "x": "10-05", "y": 1334, "s": "处理中" }, { "x": "10-06", "y": 800, "s": "处理中" }, { "x": "10-07", "y": 247, "s": "处理中" }, { "x": "10-08", "y": 530, "s": "处理中" }, { "x": "10-01", "y": 311, "s": "已关闭" }, { "x": "10-02", "y": 465, "s": "已关闭" }, { "x": "10-03", "y": 927, "s": "已关闭" }, { "x": "10-04", "y": 630, "s": "已关闭" }, { "x": "10-05", "y": 65, "s": "已关闭" }, { "x": "10-06", "y": 800, "s": "已关闭" }, { "x": "10-07", "y": 689, "s": "已关闭" }, { "x": "10-08", "y": 530, "s": "已关闭" } ] 选中水平基本柱图组件，单击组件上方的，“参考模板”为“蓝色渐变不排序”，并设置组件标题为“告警处理情况统计”。 图4 设置模板 图5 配置标题 选中水平基本柱图组件，单击组件上方的，打开“水平堆叠”开关，并将所有数据系列中的“数据标签”设置为“上”。 图6 打开水平堆叠开关 选中水平基本柱图组件，单击组件上方的，隐藏Y轴网格线。 图7 隐藏网格线 设置基本折线图组件。 在左侧全部组件中，拖拽“基本折线图”组件到移动端页面开发操作区域，即画布区域。 图8 拖拽基本折线图 选中基本折线图组件，单击组件上方的，设置组件数据源，完成后单击“保存”。 “数据类型”选择“静态数据”，“输入数据”选择“Json模式”，输入如下示例数据，并单击，格式化数据。 [{ "x": "12-29", "y": 0, "s": "平均处理时长" }, { "x": "12-30", "y": 0, "s": "平均处理时长" }, { "x": "12-31", "y": 0, "s": "平均处理时长" }, { "x": "01-01", "y": 82, "s": "平均处理时长" }, { "x": "01-02", "y": 78, "s": "平均处理时长" }, { "x": "01-03", "y": 67, "s": "平均处理时长" }, { "x": "01-04", "y": 43, "s": "平均处理时长" } ] 选中基本折线图组件，单击组件上方的，设置组件标题“内容”为“告警平均处理时长统计”。 图9 设置组件标题 选中基本折线图组件，单击组件上方的，打开Y轴轴线“显示”开关。 图10 轴线显示 单击页面上方的，保存后单击，选择不同手机型号查看页面在移动端上的显示效果。 图11 查看预览效果

计费示例（包含扩容包） 假设您在2024年1月01日，购买了AstroCanvas专业版有效期5个月，同时订购了30个页面扩容包。那么5个月的费用计算过程如下： 套餐费用：2500元 * 5 = 12500元 页面扩容包费用：40元 * 30 *5 =6000元 综上，1年的费用 = 12500 + 6000 = 18500元 该示例中的价格仅供参考，实际计算请以AstroCanvas价格详情中的价格为准。