检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化
域名:数据库所在的域名。 端口:数据库端口,取值范围为0~65535。 用户名:登录数据库的用户名。 密码:数据库用户密码。 数据库名称:数据库实例名称。 描述:新建数据源的描述信息。 单击“连接测试”,显示“连接成功”,表示DWS数据源可以调通。 单击“保存”,完成数据源的创建。 父主题:
其它 Iframe布局框 全屏 步骤条 按钮 父主题: 组件介绍
导航 选项卡 路由导航(示例) 路由视图 父主题: 组件介绍
图层管理 视图切换 组件图层位置移动 筛选组件
地图 高德地图 地图 OpenLayers地图 父主题: 组件介绍
自定义标题的内容。 标题位置(上%):设置标题距离组件上边界的距离。 标题位置(左%):“标题获取”设置为“自定义”时,支持设置标题距离组件左边界的距离。 字体:设置标题字体、大小和颜色。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
项目管理 设置项目锁 通用设置 组件设置 资源设置 健康检查设置 复制项目版本 修改项目名称 访问项目 删除项目 下载项目 导入项目 设置项目封面
媒体 音频 轮播图片 轮播页面 图片 FLV视频播放 视频 视频流 父主题: 组件介绍
文本 词云 时间轴 通用表格 基础表格 趋势 搜索框 下拉选择框 日历组件 翻牌器 时间展示 时间翻牌器 里程碑 排行榜 天气 文本编辑 复选框 日期选择器 指标 标题 树状下拉框 多趋势 树状表格 高级表格 时间选择器 父主题: 组件介绍
装饰 背景框 分割线 图标 背景图 装饰图案 父主题: 组件介绍
了解代码目录结构 当系统预置的组件无法满足用户需求时,用户可自定义组件并上传到华为云Astro大屏应用中使用。华为云Astro大屏应用为您预置了一些组件模板(Widget包),您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
API API说明 getCookie 用于获取某个cookie的值。 setCookie 用于设置cookie的值。 getI18n 返回一个Vue18n的实例。 getCsrfToken 通过ajax的方式,调用平台的接口时使用。 refreshToken 用于手动刷新页面的accesstoken。
项目创建后,支持修改项目名称。 修改项目名称 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,将鼠标放在对应的项目上,单击。 根据实际需求,修改项目的名称。 项目名称的长度为1~64个字符,可包括中文、字母、数字及下划线,但不能以下划线开头或结尾。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 雷达图图形 颜色:设置图表中,图形的颜色。 统一配置 标记图形:设置标记的图形,如圆形、矩形等。 标记大小:设置标记的大小。 折线宽度:设置折线的宽度。 折线类型:设置折线类型,如实线、虚线等。
ftl 文件介绍 {widget}.html为组件DOM结构文件,相当于HTML文件,负责样式展示。 在华为云Astro大屏应用中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak>
内容:自定义标题的内容。 字体:设置自定义标题的字体、大小和颜色等。 对齐:设置标题的对齐方式,如左对齐、居中或右对齐。 标题背景色:设置标题的背景颜色。 内边距: 设置标题距离组件上下左右边界的距离。 图4 设置上边距 标题偏移量:设置标题与指标之间的距离。 图5 标题偏移量
背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增
趋势名称:设置主要趋势的名称。 趋势名称字体:设置主要趋势名称的字体、大小和颜色。 数字字体:设置主要趋势数字的字体、大小和颜色。 趋势位置:设置主要趋势的位置。 前缀:是否显示前缀,设置为“显示”时,支持设置如下属性。 前缀内容:输入主要趋势前缀的内容。 前缀字体:设置主要趋势前缀的字体、大小和颜色等。