检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
件样式。 图2 配置组件样式 在右侧选择“数据”页签,配置组件的数据。 本示例使用静态数据,如需了解更多数据配置,请参见设置组件数据。 图3 配置组件数据 在右侧选择“交互”页签,配置组件的交互。本示例的组件不提供交互功能,如需了解更多交互配置,请参见设置组件事件交互。 父主题:
此组件没有数据事件。 可通过在不同页签中双击页签内部来添加或移除其他来显示不同数据,加入的组件使用请参考对应组件的操作指南。 图2 页签中待添加其他组件 图3 页签中添加其他组件 交互 此组件暂不支持交互。 父主题: 交互
选择地理搜索组件 在“样式”面板,配置地理搜索的样式,本示例使用默认样式。 图2 配置地理搜索样式 切换到“数据”面板,设置地理搜索组件的数据。 图3 设置地理搜索组件的数据 切换到“交互”面板,定义交互变量,并启用该变量。 图4 定义并启用交互变量 在左侧组件中心,选择“常用图表 > 柱状图”。
地图类型的组件包括地球、高级地球。 图2 地图类型组件 媒体 媒体类型的组件包括图片、轮播图、视频、RTMP视频流播放器、FLV视频流播放器 图3 媒体类型组件 文本 文本类型的组件包括标题、文本、词云、时间器、表格轮播、数字翻牌器、跑马灯、轮播列表柱状图、键值表格、矩形树图 图4 文本类型组件
DLV当前只支持HTTPS协议,请确保您发送的是HTTPS的API请求。 图2 新建API数据源 单击“ 预览结果”,数据响应成功后可查看结果。 图3 查看数据响应结果 根据响应数据的属性名称配置字段映射。 图4 配置映射关系 配置完成后的大屏组件效果如下图所示。 图5 大屏效果图 父主题:
文件路径 当“文件来源”选择“本地文件”时,单击“OBS”按钮,在弹出框中选择一个OBS目录,本地文件将会先被上传到该OBS目录中。配置示例如图3所示。 当“文件来源”选择“OBS文件”时,单击“OBS”按钮,在弹出框中选择存储在OBS桶中的CSV文件。配置示例如图4所示。 CSV文件的格式要求,请参见CSV文件格式说明。
图例:显示/隐藏图例。显示时,可以设置图例的样式。 文本:设置图例的文本样式,包括字号、字体颜色、字体粗细。 布局:图例位于组件中的位置。 图3 图例 提示信息:显示或隐藏提示信息。开启后,在预览或查看大屏时,鼠标悬浮或单击在图上时显示提示信息。 触发类型:设置提示信息的触发类型。 颜色:提示信息的字体颜色。
成环境变量。 curl -H "Content-Type:application/json" https://iam_endpoint/v3/auth/tokens -X POST -d '{ "auth": { "identity": {
成环境变量。 curl -H "Content-Type:application/json" https://iam_endpoint/v3/auth/tokens -X POST -d '{ "auth": { "identity": {
新窗口:单击“新窗口”右侧的勾选框,表示显示新窗口,表示隐藏新窗口。勾选后,单击背景图可以新建一个标签页打开背景图的超链接。 图2 超链接-图片 数据 图3 图片-数据 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选
参见组件概述。 2 图层区 图层区可以显示大屏中的各个图层的名称及缩略图,这样可以方便查找图层。关于图层管理的详细介绍,请参见管理图层。 3 画布 大屏的画布。 4 画布缩放控制条 使用鼠标拖动缩放控制条,或单击、按钮,可以放大或缩小画布。 单击,可以让画布自适应屏幕大小。 5 横向标尺
登录DLV服务管理控制台,单击“我的数据”。该页面主要提供数据源连接新建、编辑、删除、查看功能。DLV为用户提供十余种数据源类型,您可以根据实际需求灵活选择。 图3 我的数据 开放管理 登录DLV服务管理控制台,单击“管理中心”,选择“开放管理”。该页面提供应用的创建、编辑、删除、重置和查看功能。 图4
已开通或购买相应的云服务,创建数据库实例。 已将相应的数据存储在数据库实例中。 添加和配置组件 打开大屏开发页面,在左侧组件中心,选择“交互 > 地理搜索”。 图3 选择地理搜索组件 在“样式”面板,配置地理搜索的样式,本示例使用默认样式。 图4 配置地理搜索样式 切换到“数据”面板,设置地理搜索组件的数据。
色。 图2 列-键值表格 行 分割线:设置分割线的粗细和颜色。 奇偶行:勾选时,表格会区分奇偶行。单击颜色编辑器可以设置奇偶行的颜色。 图3 行-键值表格 表头 高度:输入数值或单击调节表头的高度。 文本样式:设置表头文本的字体颜色、字体大小、字体类型。 颜色:单击颜色编辑器设置表头的背景颜色。
data:事件触发时传递的数据。 getRelation() 获取组件数据配置映射字段。 Index.js文件示例如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
data:事件触发时传递的数据。 getRelation() 获取组件数据配置映射字段。 Index.js文件示例如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
值标签:显示或隐藏值标签。显示时,数据中value字段的值将以标签的形式显示在图表中。 字号:值标签的字体大小。 颜色:值标签的字体颜色。 字体粗细:值标签的字体粗细。 图3 值标签-轮播列表柱状图 数据 value:对应柱图的权重。权重越高,柱子长度越长,占比越大。 content:对应每个柱状图显示的文本内容说明。
"事件2" }, { "name": "2009年", "value": 2009, "text": "事件3" }, { "name": "2017年", "value": 2017, "text": "事件4"
线条数量:输入数值或单击设置分割线的线条数量。 线条样式:设置分割线的样式,可为实线、虚线或点画线。 线条宽度:输入数值或单击设置分割线的线条宽度。 图3 分割线-雷达图 图例 显示/隐藏图例:单击“图例”右侧的勾选框,表示显示图例,表示隐藏图例。 文本:设置图例的字号、颜色和字体粗细。 布局
单击“添加子组件”,添加地球飞线。 图2 添加地球飞线-地球 单击“地球飞线”,进入地球飞线的配置页面。 在“样式”页签,配置飞线的高度、速度、粗细和颜色。 图3 配置地球飞线样式-地球 在“数据”页签,配置飞线的起点和终点的经纬度。 数据格式:from为飞线的起点,to为飞线的终点。 自动更新请求: