检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
互的目的,例如图表联动、自定义字段等功能。如何使用全局变量,可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量,实现组件数据的动态变化。本示例不做配置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图7 拖拽字段到对应坐标轴 表格字段:
组件删除后无法恢复,且会影响相关交互的组件,请谨慎操作。 删除组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“删除”。 图1 删除组件 您也可以在“图层”中,选中一个或多个组件,单击右键选择“删除”。 图2 在图层中删除组件
击查找到的结果,进入华为云Astro轻应用服务控制台。 在主页中,单击“进入首页”,进入应用开发页面。 单击主页中的“业务大屏”,或者左侧导航栏中的“业务大屏”,进入业务大屏界面。 单击待导出项目上的,进入项目发布页面。 将鼠标放在对应的版本上,单击。 图1 单击下载图标 在前端
型组件配置项参数之间的传递。 跨页面复制组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中一个或多个组件,单击右键,选择“复制到”,并选择组件待复制到的页面。 图1 复制组件到其他页面 您也可以在“图层”中,选中一个或多个组件,单击右键选择“复制到”。
在预置模板中,选择“交通管理”,单击“使用此模板”。 图10 选择交通管理模板 输入页面标题(如A市交通管理分析大屏),单击“新建”。 图11 设置页面标题 系统自动进入大屏开发页面,如图12。您可以直接使用该大屏页面,也可以根据业务需求进行二次开发。 图12 大屏开发页面 单击页面上方的,完成大屏页面的创建。
鼠标悬浮在待下载的项目上,单击。 在版本管理中,鼠标放在对应版本后的“操作”下,单击。 图1 下载对应版本的项目包 根据业务需求,选择运行容器,单击“下载”。 图2 选择运行容器 运行容器:选择项目包的运行容器。 Astro Canvas:使用该运行容器下载的项目包,可在其他华
在编辑页面状态下,选中组件,单击右键,选择“隐藏”,可隐藏该组件。 图1 隐藏组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击,隐藏组件。 图2 在图层中隐藏组件 图3 隐藏后效果 组件隐藏后,如果需要再次显示组件,请单击“图层”,将鼠标悬浮在已隐藏的组件上,单击显示图标。 父主题: 组件管理
配置项修改触发事件的回调函数,当前仅支持change事件。 入参vm说明 组件配置项中的disabled、showFunc和events中,都具有入参vm,vm为组件的Widget实例。 配置示例 通用配置示例如下,以global_SelectWidget组件为例,设置后效果如图1所示。本
后,在组件“数据”页签中可选择具体的数据集。 连接器管理:通过新建HTTP连接器,可引入第三方的API作为组件的数据来源。 转换器管理:转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等,更多介绍请参见资产管理。
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
组件。 图1 在画布中锁定组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击,锁定组件。 图2 在图层中锁定组件 解锁组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 选择“图层”,进入图层页面。 将鼠标放在待解锁的组件上,单击。 图3 解锁组件
子类型,支持的类型有time、date和datetime。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
以根目录“canvas”为例,在Nginx的“conf/nginx.conf” 文件的“http”中增加如下代码。在实际配置时,请将代码中的canvas、{私有化部署的IP}、{私有化部署的端口}、{Nginx对应的IP}和{对应的端口}替换为对应的字段。 完成私有化部署根目录配置后,原1中的访问地址需要更
"password" 子类型,支持的类型有number、password。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps
否 append: "%" 添加的字符串。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变的时候触发 (value, data, field) 配置示例 slider配置示例如下,配置后效果如图1所示。 { type: 'slider'
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object