检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
{}); eventConfig:组件事件描述配置项,用来扩展给全局变量使用。 classfication:组件的配置项分类。 propertiesConfig:负责组件配置页面中,右侧的属性配置逻辑。 create(必须配置):组件内置的扩展,仅在组件首次被创建时调用一次。 reg
IF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 参考模板:系统预置的组件样式模板,支持默认模板和标签模板两种样式。 边框圆角:
数据接入的SQL语句中,需要添加4中创建的全局变量offset和pageSize,来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中,将表格中的字段,拖拽到对应的配置中。 数据中的total字段,必须添加到“数据总数”中。 图7 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。
如何设置页面间参数传递 华为云Astro大屏应用开发中,可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中,可通过“页面跳转”响应动作传递页面参数。当跳转页面时,当前页面参数会传入到打开的页面中,支持自定义传参为固定值,也可绑定页面级全局变量。
) //return:'unsafe:' 只有安全的链接才会被访问,其他形式的URL都会响应一个“unsafe:”,无法访问。 父主题: 组件内置API
时间轴 通用表格 基础表格 趋势 搜索框 下拉选择框 日历组件 翻牌器 时间展示 时间翻牌器 里程碑 排行榜 天气 文本编辑 复选框 日期选择器 指标 标题 树状下拉框 多趋势 树状表格 高级表格 时间选择器 父主题: 组件介绍
装饰 背景框 分割线 图标 背景图 装饰图案 父主题: 组件介绍
媒体 音频 轮播图片 轮播页面 图片 FLV视频播放 视频 视频流 父主题: 组件介绍
在华为云Astro大屏应用中,通过新建HTTP连接器,可引入第三方的API作为组件的数据来源。 图1 在组件中有引入连接器流程 新建连接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“连接器”。 在连接器管理页面,单击“新建连接器”。
packageinfo.json:组件的元数据描述文件。 {widget}.css:组件的样式文件,在该文件中编写组件的CSS样式。 {widget}.editor.js:组件核心渲染文件。组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt:组件DOM结构文件,需
地图 高德地图 地图 OpenLayers地图 父主题: 组件介绍
页面数据来源介绍 组件是大屏应用页面的组成元素,配置页面数据即为配置组件数据。在华为云Astro大屏应用中,页面组件的数据来源包括非数据源(包括桥接器预置、静态数据和数据集等)和数据源(包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等)。选中组件,单击组件上方的,即可配置组件在页面呈现数据的来源。
其它 Iframe布局框 全屏 步骤条 按钮 父主题: 组件介绍
导航 选项卡 路由导航(示例) 路由视图 父主题: 组件介绍
s”的值会随着进行相应变化。 图8 配置组件交互事件 在页面中拖入并设置多区域折线图组件。 从左侧全部组件中,搜索并拖拽“多区域折线图”,到下拉选择框组件下方。 设置组件标题为“告警分布情况”。 图9 设置组件标题 在组件上方单击,配置组件数据。 数据配置中选择“数据集”,选择4
在左侧导航栏中,选择“我的组件”。 在“所有组件”中,查找到玫瑰花饼图,将鼠标放在组件上,单击,将组件下载到本地。 图1 单击玫瑰花饼图 解压下载的组件包,在“RosePieChart_Widget.editor.js”中查找模型名称。 图2 查找模型名 根据业务需求,设置自定
点击筛选时交互动作 设置组件数据源。 选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击“+”,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。
图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图 水平堆叠柱图 数据标记柱图 瀑布柱图 基本柱图 散点图 气泡图 雷达图 父主题: 组件介绍
json 文件介绍 i18n.json为组件的国际化资源文件,用于配置多语言,目前支持的多语言包含中英文两种,相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中,在packageinfo.json中的配置示例如下: "i18n": [{
将数据标签设置为上 选中水平基本柱图组件,单击组件上方的,隐藏Y轴网格线。 图8 隐藏网格线 设置基本折线图组件。 在左侧全部组件中,拖拽“基本折线图”组件到移动端页面开发操作区域,即画布区域。 图9 拖拽基本折线图 选中基本折线图组件,单击组件上方的,设置组件数据源,完成后单击“保存”。