检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
文本”中，拖拽“日历组件”组件至画布空白区域，如图1。 图1 日历组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 日历组件卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置
文本”中，拖拽“指标”组件至画布空白区域，如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 指标卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单
标题字体：设置标题的字体、颜色和大小等。 内边距：设置图表和组件边框之间的距离，单位为px。 配置 在配置中，设置趋势的对齐方式、数值、趋势数字和图标。 图4 趋势配置 统一配置 > 对齐方式：设置组件的对齐方式，支持左对齐、居中和右对齐。 数值：图表中是否显示数值，设置为“显示”时，支持设置如下属性。
文本”中，拖拽“复选框”组件至画布空白区域，如图1。 图1 复选框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 复选框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，
装饰”中，拖拽“背景图2”组件至画布空白区域，如图1。 图1 背景图2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 背景图卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，
装饰”中，拖拽“图标1”组件至画布空白区域，如图1。 图1 图标1 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 图标卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支
文本”中，拖拽“文本编辑”组件至画布空白区域，如图1。 图1 文本编辑 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 文本编辑卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置
文本”中，拖拽“翻牌器”组件至画布空白区域，如图1。 图1 翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 翻牌器卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，
文本”中，拖拽“搜索框”组件至画布空白区域，如图1。 图1 搜索框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 搜索框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，
其它”中，拖拽“步骤条”组件至画布空白区域，如图1。 图1 步骤条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 步骤条卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，
媒体”中，拖拽“轮播页面”组件至画布空白区域，如图1。 图1 轮播页面 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 轮播页面卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件边框设置，支
内置API一览表 表1 内置API一览表 API API说明 init 组件渲染的入口函数，组件自己实现继承，使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口，组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值，用于查看与Connector相关的信息。
综合态势、资产统计、设备管理和环境态势等典型场景。 自定义模板：当前账号下发布的模板，如何将当前页面发布为模板，请参见发布为模板。 如果安装的是安全云脑类大屏，进入大屏页面后，您还需要根据实际情况设置全局变量和数据源等信息，如图2、图3。 图1 输入项目名称和页面标题 图2 配置全局变量
js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。 表1 组件架构组成 API名称 API解释 是否必须
媒体”中，拖拽“图片”组件至画布空白区域，如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 图片卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支
媒体”中，拖拽“轮播图片”组件至画布空白区域，如图1。 图1 轮播图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 轮播图片卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件边框设置，支
文本”中，拖拽“时间选择器”组件至画布空白区域，如图1。 图1 时间选择器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 时间选择器卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设
如何使用高级表格的后台筛选功能 操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时，在添加转换器时，需要先筛选、再排序、最后分页，如图1。 图1 转换器添加顺序 后台筛选 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
如何使用高级表格的后台排序功能 操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时，在添加转换器时，需要先筛选、再排序、最后分页，如。 图1 转换器添加顺序 后台排序 参考登录华为云Astro大屏应用界面中操作，登录AstroCanvas界面。 新建后台排序转换器。
件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图2 自定义背景框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
