检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 暂不支持修改素材的背景颜色。 图4 配置 交互 在交互中,配置背景图组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。
了解。 图1 最终呈现效果 操作步骤 下载图表模板。 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 单击页面右上角的“管理”,进入AstroCanvas管理页面。 在左侧导航栏中,选择“页面资产管理 > 组件模板”。 表1 组件模板列表 组件模板名称
放大倍数:组件发布后,选择框在页面占位相对于开发态中放大的倍数。在大屏页面中,放大倍数建议设置大一些。 右边距:选择框相对于组件右边框的距离。 上边距:选择框相对于组件上边框的距离。 全选:是否显示全选框。 数据 在数据中,设置复选框组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置复选
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 配置 暂不支持修改装饰图案的背景颜色。 图4 配置 交互 在交互中,设置装饰图案组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。
AstroCanvas学堂 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化 如何进行设置页面 如何切换AstroCanvas平台主题颜色
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 标题:是否显示组件标题。设置为显示时,支持设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。
自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。 在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。 按照下图,设置自定义动作。
按钮组件 按钮组件通常与其他组件配合使用, 用于展示链接页面或提示信息等。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“按钮组件”组件至画布空白区域,如图1所示。 图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。
我的模板 操作场景 在我的模板中,可以查看用户发布的页面模板。 图1 发布为模板 复制页面模板到其他工作空间 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的模板”。 将鼠标放在待复制的模板上,单击。
背景框 背景框是装饰组件的一种,包括大标题背景、小标题背景、页面背景和内容背景。可根据不同的设计需求,选择不同的背景框,以增加视觉效果。 以自定义背景框为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“自定义背景框”组件至画布空白区域,如图1。 图1 自定义背景框 卡片 卡
在桥接器列表中,可查看到已上传的桥接器。 使用自定义桥接器 参考创建大屏&PC端项目中操作,创建一个项目。 项目创建后,参考使用空白画布新建页面中操作,新建一个空白页面。 进入开发页面,从“全部组件 > 图表”中,拖拽玫瑰花饼图组件到画布中。 图4 拖拽玫瑰花饼图到画布中 选中组件,单击组件上方的,进入数据设置页面。
的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,可对文本的内容进行设置,如输入具体内容、设置内容字体、大小和颜色等。 图4
操作场景 在通用设置中,可以设置网页图标、开启页面加载动画等功能。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置分割线的颜色。 图4 配置 交互 在交互中,配置分割线组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。
s开源社区选择合适的demo。 在实例化代码块中,还可以实现异步加载和引入第三方库,详情请参见异步加载和引入第三方库。 图6 实例化代码块 单击“参数说明”,可查看实例化代码块的参数说明。 单击,可复制实例化代码。 单击,可最大化实例化代码块页面。 自定义事件:echarts组件
Astro大屏应用企业版:适用于3D场景开发。 表1 适用计费项 计费项 计费说明 实例版本 AstroCanvas提供了“Astro大屏应用基础版”、“Astro大屏应用专业版”和“Astro大屏应用企业版”三个实例版本。各实例版本由空间数、页面数、存储容量、数据接入和项目管理等组成,如表2所示。 表2 AstroCanvas套餐规格清单
的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置选项卡基础样式和选项卡设置。 图4 配置 基础样式设置 标签圆角:设置标签圆角的大小,“0”为直角。
图2 在图层中将组件保存为卡片 在卡片设置中,输入卡片的名称,单击“保存”。 图3 设置卡片的名称 查看保存的卡片。 方式一:在编辑页面“我的卡片”中,查看已保存的卡片。 图4 在编辑页面查看保存的卡片 方式二:在“我的资产”中,查看已保存的卡片。 图5 在我的资产中查看 父主题:
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 标题设置 显示标题:是否显示标题。 标题内容:设置标题的内容。 图4 设置标题的具体内容 标题字体:设置标题的字体、颜色和大小等。 配置 在配置中,设置多趋势组件的数值、同比和环比。
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 参考模板:系统为您预置了单选和多选两种类型的模板,请根据实际业务场景进行选择。 配置 在配置中,设置下拉选择框和下拉弹出框。 图4