检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在大屏设计页面,从“全部组件 > 文本”中,拖拽“下拉选择框”组件至画布空白区域,如图1。 图1 下拉选择框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
在大屏设计页面,从“全部组件 > 文本”中,拖拽“时间轴”组件至画布空白区域,如图1。 图1 时间轴 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
在大屏设计页面,从“全部组件 > 文本”中,拖拽“时间翻牌器”组件至画布空白区域,如图1。 图1 时间翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
在大屏设计页面,从“全部组件 > 导航”中,拖拽“选项卡”组件至画布空白区域,如图1。 图1 选项卡 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
在作为触发器中,单击“+ 交互事件”,选择“饼图事件”。 饼图事件对应饼图选项卡,当选择饼图时,显示两个饼图组件,隐藏其他图表组件。 图6 显示饼图组件 图7 隐藏其他图表组件 按照上述操作,分别设置柱图事件、折线图事件和气泡图事件选项卡对应的交互动作。
图5 设置为固定参数 图6 设置为变量参数 图7 跳转页面地址中会带上设置的参数 在页面一中,选中基本饼图,单击组件上方的,设置基本花饼图和页面三之间的交互。 图8 与页面三之间的交互 单击,保存页面后单击,预览效果。
调整配额 租户管理员参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 将鼠标放在页面右上方的“默认团队空间”上,选择新建工作空间中创建的工作空间,切换到目标工作空间。 在目标工作空间中,单击页面数量下方的“调整配额”。
图1 新建项目 系统自动进入该新建项目的“大屏&PC端项目”页面,如图2。 图2 大屏&PC端项目页面 (可选)项目创建后,可参考项目管理中内容,对项目进行设置。 新建文件夹 项目创建后,支持在项目中新建文件夹,用于集中管理页面。
将组件保存为卡片 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图层”中,将鼠标悬浮在组件上,单击“保存为卡片”。
图6 设置Token认证信息 :打开Token认证开关后,华为云Astro大屏应用会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次访问时需要重新获取签名地址。
在大屏设计页面,从“全部组件 > 文本”中,拖拽“日期选择器”组件至画布空白区域,如图1。 图1 日期选择器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
在大屏设计页面,从“全部组件 > 文本”中,拖拽“时间选择器”组件至画布空白区域,如图1。 图1 时间选择器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题: 自定义组件开发规范
图1 回退到历史版本 图2 提示 父主题: 页面管理
在大屏发布页面,单击,即可获取,如图5。 图5 获取大屏URL地址 图6 大屏嵌入效果 如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭(如图7),否则无法正常预览页面。 图7 关闭阻止第三方Cookie 父主题: 页面管理
图3 适应方式 背景 设置页面的背景图片或者颜色。选择图片作为背景时,支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面,支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题: 页面管理
图2 设置到期时间 父主题: 创建工作空间
图9 全局变量 获取组件对象并操作组件 获取组件。 在“图层”页面,选中日期选择器组件。 图10 选中日期选择器组件 将鼠标悬浮在日期选择器上,组件名称即为组件ID。 图11 获取组件ID 操作组件。
自定义事件交互设置 在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件,单击。 在自定义事件中,单击“新增自定义事件”,修改事件名称为“echarts单击系列”。
参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入实心圆饼图和下拉选择框。 选中实心圆饼图,单击,进入交互设置页面。 设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。