检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
setCookie("key","value") getI18n 一般用于在初始化阶段返回一个Vue18n的实例,配合Vue和VueI18n使用。使用方式参考如下: /* * 该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 */ HttpUtils.getI18n({ locale:
指标 指标是一种文本组件,用于在可视化页面中显示指标数据。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“指标”组件至画布空白区域,如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
按钮 按钮组件通常与其他组件配合使用, 用于展示链接页面或提示信息等。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“按钮组件”组件至画布空白区域,如图1所示。 图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。
在华为云Astro大屏应用中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 组件 组件(即Widget)是可复用的大屏或移动端页面组成元素,一个大屏或移动端页面由一个或多个Widget拼装而成。如果将一个大屏或移动端页面看成拼图游戏的完整图案
日期选择器 日期选择器是文本组件的一种,用于在页面选择日期。日期选择器由输入框和日期弹出框组成,单击该组件的输入框,弹出日期选择框可选择具体日期。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“日期选择器”组件至画布空白区域,如图1。 图1 日期选择器 图2 边距样式说明 卡片
单击“+响应动作”,选择“页面跳转”,跳转到外部页面,外部页面地址引用全局变量,设置为“${url}”,弹出新窗口打开页面地址,单击“确定”。 单击“完成”,设置后用户在单击柱图数据时,会跳转到数据集中设置的具体url页面。 图4 设置页面跳转 设置完成后,单击页面上方的,保存页面。 保存成功后,单击,预览效果是否符合预期。
背景框 背景框是装饰组件的一种,包括大标题背景、小标题背景、页面背景和内容背景。可根据不同的设计需求,选择不同的背景框,以增加视觉效果。 以自定义背景框为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“自定义背景框”组件至画布空白区域,如图1。 图1 自定义背景框 卡片 卡
渐变色饼图 渐变色饼图是饼图组件的一种,内部扇区由渐变颜色渲染,适用于特殊页面呈现场景。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“渐变色饼图”组件至画布空白区域,如图1。 图1 渐变色饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中
log(eventParam); console.log(data); console.log($pageStore); 单击页面上方的,保存页面。 单击,在预览页面,设置日期选择器的开始时间和结束时间。 图4 预览效果 设置完成后,按F12,在“Console”页签,即可获取查看eventParam。
复制数据集到其它工作空间 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待复制数据集中的,选择“复制到工作空间”。 在弹出的页面,选择目标工作空间,单击“确定”。
分割线是装饰组件的一种,用于分割组件,起装饰作用,包括分割线和竖分割线。 以分割线16-1为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“分割线16-1”组件至画布空白区域,如图1。 图1 分割线16-1 页面背景色设置为白色时,分割线组件很难显示出来。使用该组件时,请避免使用白色背景。 图2
约束与限制 华为云Astro大屏应用实例 表1 华为云Astro大屏应用实例规格约束与限制 限制项 约束与限制 实例版本 华为云Astro大屏应用目前支持的实例版本有:华为云Astro大屏应用基础版、华为云Astro大屏应用专业版和华为云Astro大屏应用企业版。 华为云Astr
选项卡 选项卡是导航组件的一种,用于快速在页面某区域中切换不同内容,显示为其关联内容上方的单行元素。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“选项卡”组件至画布空白区域,如图1。 图1 选项卡 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡
加入用户组,并给用户组授权,用户组中的用户将获得用户组的权限。创建用户组时,请给用户组赋予“Astro Canvas InstanceManagement”系统策略,您也可以直接使用系统预置的admin用户组。 图1 赋予用户组Astro Canvas InstanceManagement系统策略
购买AstroCanvas实例时,支持购买企业版实例。企业版实例适用于3D场景开发,支持私有化部署。 商用 购买Astro大屏应用实例 3 AstroCanvas支持私有化部署 在AstroCanvas企业版实例中,支持将开发好的页面整个打包下载,并安装部署到您的企业内网中运行。 商用 AstroCanvas私有化部署
数据接入 页面数据来源介绍 桥接器预置 自定义桥接器 静态数据 数据集 页面数据集 其他数据源
方法如下。 登录华为云管理控制台。 将鼠标移动到右上角用户名上,在下拉列表中单击“我的凭证”。 在“我的凭证 > API凭证 > 项目列表”中,获取“项目”的值。 项目ID:DLI服务所在的区域的项目ID,获取方法如下。 登录华为云管理控制台。 将鼠标移动到右上角用户名上,在下拉列表中单击“我的凭证”。
初始化组件message-en/message-zh的多语言信息,统一注册到独立的i18nVue实例中,供组件获取桩数据、获取默认配置、初始化组件统一使用。 建议实现。 initReaderVm render中抽取的独立逻辑,初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。
内为华为云Astro大屏应用续费,否则已创建的项目、页面等功能的使用可能将会受限。华为云Astro大屏应用在到期前续费成功,华为云Astro大屏应用的运行不受影响。 如果您有订购页面扩容包,执行续费操作时,需要支付的费用为“实例套餐费用”和“扩容包费用”的总和。 续费相关的功能
s开源社区选择合适的demo。 在实例化代码块中,还可以实现异步加载和引入第三方库,详情请参见异步加载和引入第三方库。 图6 实例化代码块 单击“参数说明”,可查看实例化代码块的参数说明。 单击,可复制实例化代码。 单击,可最大化实例化代码块页面。 自定义事件:echarts组件