检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
、右)的距离(参见图2),默认为0,即铺满整个组件。 图片地址:支持输入图片地址,来展示图片。 链接:设置单击图片后,跳转的链接地址。 图片设置:设置图片填充方式,并选择对应图片。 数据 在数据中,配置图片组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置图片与其他组
由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成,各区域功能介绍请参见表1。 图1 可视化开发页面 表1 可视化开发页面功能说明 序号 名称 说明 1 组件 在全部组件中,可以查看到各种类型的组件(包括预置组件和自定义组件),将组件拖拽到画布中进行配置,完成可视
认为0,即铺满整个组件。 配置 在配置中,设置视频组件的视频地址、视频封面、视频播放等。 图4 视频配置 视频 视频地址:视频的URL地址,视频支持格式有MP4、OGG、MOV和WEBM。 封面:选择图片,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、P
如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置视频流组件的视频流地址、视频流类型等。视频流组件中,配置项的配置高于数据配置。 图4 视频流配置 视频流地址:视频流的URL地址。 视频流类型:视频流的协议类型,目前平台内支持的视频流类型为HTTP-FLV、HLS
的字段“url”,单击“确定”。 图3 赋值 单击“+响应动作”,选择“页面跳转”,跳转到外部页面,外部页面地址引用全局变量,设置为“${url}”,弹出新窗口打开页面地址,单击“确定”。 单击“完成”,设置后用户在单击柱图数据时,会跳转到数据集中设置的具体url页面。 图4 设置页面跳转
在左侧导航栏中,选择“转换器 > 全部”。 在转换器管理页面,单击待删除转换器中的,选择“删除”。 转换器较多时,您可以直接搜索待删除转换器的名称,也可以按照目录和状态进行筛选。 在弹出的确认框中,单击“确定”,即可删除该转换器。 执行该操作,将会永久删除转换器,请谨慎操作。 父主题: 转换器管理
四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左
组件间交互 操作场景 组件间交互是指在同一页面中,不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器,根据用户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。
字体:设置标题的字体、大小和颜色等。 表格操作 列显示/隐藏:在运行态是否可以设置显示/隐藏的列。开启“列显示/隐藏”后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 图4 列显示效果 表格导出:是否开启表格导出功能。开启表格导出后,可以设置“悬浮显示”、“图标色”和“图标选中色”。
classfication中的配置包含预置分类和自定义分类两种。 预置分类:主要是使用平台预置分类。 自定义分类:支持平台预置分类和用户自定义分类。 预置分类 预置分类为华为云Astro大屏应用预置的分类,包含的图标和名称如下所示: 表1 预置分类包含的图标和名称 name 分类 图标关键字 图标
字体:设置标题的字体、大小和颜色等。 表格操作 列显示/隐藏:在运行态是否可以设置显示/隐藏的列。开启“列显示/隐藏”后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 表格导出:是否开启表格导出功能。开启表格导出后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 悬浮显示
直接单击模板,可进入新建项目弹框,直接创建项目和页面。 数据中心 数据中心用于对页面的数据源进行集中的配置管理,支持多种数据源,如静态数据、调用华为云Astro轻应用API接口和ROMA API接口等。 数据源管理:新增并管理关系型数据库、DWS、DLI和华为云Astro轻应用等数据源。 数
桥接器模板 桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时,经常要调用后台数据,例如购物车中用户的ID,订单编号,商品信息等,这时需要通过桥接器动态调用后台接口获取后台数据。通过华为云Astro大屏应用预置的桥接器模板,您可以自定义桥接器。自定义桥接器时,需要先下载
目录名称长度为1~64个字符,可包括中文、字母、数字和下划线,且不能以下划线开头或结尾。 在转换器管理页面,单击“新建转换器”。 输入转换器名称,选择转换器存放的目录,单击“确定”。 转换器的名称长度为1~32个字符,可包括中文、字母、数字和下划线。 设置转换器参数。 图1 手工输入测试数据
params); }; 参考上传自定义组件中操作,将组件包“SelectWidget.zip”上传到组件库,场景选择“大屏&PC端”或“移动端”。 测试组件。 在页面中,拖入该组件。 图2 拖入组件 在组件上方单击,配置组件交互事件。 单击“交互事件”,选择“选中值发生变化时触
涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。 设置完成后,在浏览器中打开发布链接地址,输入分享码后,单击,即可在线查看城市交通状态。 图15 输入分享码
标题:是否显示标题。打开该开关后,可设置标题的字体大小、字体颜色和标题内容等。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图4 时间翻牌器配置 星期 显示:是否显示星期。 字体:设置星期字体、颜色和大小等。 年月日 显示:是否显示年月日。 字体:设置年月日字体、颜色和大小等。 时间 显示:是否显示时间。
支持高德、百度、天地图和自定义地图。 在大屏设计页面,从“地图”中,拖拽“地图”组件至画布空白区域,如图1。 图1 地图组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 地图卡片
配置组件数据时,支持直接创建关系型数据库、ROMA连接器、DLI、DWS、华为云Astro轻应用、华为云Astro轻应用API、HTTP连接器和Prometheus数据源作为组件的数据来源。 操作场景 使用在数据集中配置的数据源前,需要提前在数据中心创建各种类型数据源,配置过程中页面
应用中,页面组件的数据来源包括非数据源(包括桥接器预置、静态数据和数据集等)和数据源(包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等)。选中组件,单击组件上方的,即可配置组件在页面呈现数据的来源。 图1 为组件配置数据 非数据源 桥接器预置 通过桥接器动态