检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
其它”中，拖拽“步骤条”组件至画布空白区域，如图1。 图1 步骤条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 步骤条卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，
媒体”中，拖拽“轮播页面”组件至画布空白区域，如图1。 图1 轮播页面 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 轮播页面卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件边框设置，支
导航”中，拖拽“路由视图”组件至画布空白区域，如图1。 图1 路由视图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 路由视图卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置
文本”中，拖拽“复选框”组件至画布空白区域，如图1。 图1 复选框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 复选框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，
装饰”中，拖拽“背景图2”组件至画布空白区域，如图1。 图1 背景图2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 背景图卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，
装饰”中，拖拽“图标1”组件至画布空白区域，如图1。 图1 图标1 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 图标卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支
均为包年/包月购买方式。如果您需要快速了解AstroCanvas服务的具体价格，请参见AstroCanvas价格详情。 表1标“*”的计费项为必选计费项。 表1 计费项 计费项 计费说明 计费模式 计费公式 * 实例版本 AstroCanvas提供了“Astro大屏应用基础版”、
媒体”中，拖拽“图片”组件至画布空白区域，如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 图片卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支
媒体”中，拖拽“轮播图片”组件至画布空白区域，如图1。 图1 轮播图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 轮播图片卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件边框设置，支
转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题 显示图表标题：是否显示图表标题，默认为隐藏。 标题获取：设置
icon”表示今日天气图标，“iconDay”表示未来日期的天气图标。例如取值为“100”，表示晴天，界面会展示天气图标；取值为“307”，表示大雨，界面会展示天气图标。取值和天气的对应关系请参见表1。 表1 图标字段“icon”、“iconDay”的取值和天气对照表 icon/iconDay
导航”中，拖拽“选项卡”组件至画布空白区域，如图1。 图1 选项卡 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 选项卡卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，
过转换器处理后的样例报文。 步骤2 开发告警监控大屏页面 新建一个空白的大屏页面。 在AstroCanvas界面上方，单击“项目列表”。 在项目列表页面，单击“新建项目”。 输入项目名称，单击“新建”，新建一个大屏&PC端项目。 在新建的大屏&PC端项目中，单击“新建页面”。 单
0MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 图表标题 显示图表标题：是否显示图表标题。 标题内容：设置标题内容。 标题位置：标题显示位置，支持左、中和右。 标题字体：设置标题的字体、颜色和大小等。
文本”中，拖拽“下拉选择框”组件至画布空白区域，如图1。 图1 下拉选择框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 下拉选择框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设
在大屏设计页面，从“地图”中，拖拽“高德地图”组件至画布空白区域，如图1。 图1 高德地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 高德地图卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置
视图切换 操作场景 通过视图切换功能，可将页面中的组件切换为列表或卡片样式。 列表：展示了所有组件的icon和标题，方便组件的快速查找。 卡片：展示了组件的初始化样式和标题，方便组件的预览和图层位置的调整。 切换图层 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。
单击，选择新建并开发自定义组件中自定义的组件包BarGraph.zip，填写基本信息，单击“保存”。 图1 上传自定义组件BarGraph 表1 上传自定义组件参数说明 参数 说明 组件名字 组件名称，系统会根据组件包名称自动填充。 示例：BarGraph 操作类型 当前操作的类型，如新增、更新等。
参考创建并提交Spark SQL作业中操作，创建队列、数据库和表。 例如，创建了数据库tpch，且数据库中预置了所需的表。 图1 tpch数据库 单击已创建的数据库tpch，进入tpch数据库。 （可选）双击对应的表，右侧会显示对应的查询语句，单击“设置”，添加标签。 为作业添加
在大屏编辑页面上方，单击，新建并设置页面级全局变量。 例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件 > 图表”中，拖拽“基本柱图”组件至画布空白区域。 在组件上方单击，配置流程选择“静态数据”，并添加url参数，对应数据项的数据详情页面URL，单击“保存”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
