检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
管理工作空间 工作空间管理 成员管理
如何使用DLV 使用流程 快速搭建大屏(交互功能)
媒体 图片 视频 轮播图 FLV视频流播放器 RTMP视频流播放器 父主题: 组件指南
素材 边框 装饰 自定义背景组件 父主题: 组件指南
交互 全屏 iFrame 搜索 时间轴 Tab列表 Tab页签 地理搜索 父主题: 组件指南
折线柱图类 折线柱图 双轴折线柱图 WT折线柱图 WT双轴折线柱图 父主题: 组件指南
关系网络 关系网络图 父主题: 组件指南
修订记录 发布日期 修改说明 2022-11-14 第五次正式发布。 修改章节:获取帐号ID章节操作步骤优化。 2020-04-30 第四次正式发布。 新增章节: 获取workspaceId:增加获取workspaceId的方法。 2020-01-22 第三次正式发布。 修改章节:
颜色。 显示节点路径 显示/隐藏节点路径:单击“节点路径”右侧的勾选框,表示显示节点,表示隐藏节点。 顶部:输入数值或单击设置节点与顶部的距离。 背景色:单击颜色编辑器设置节点的背景色。 边框大小:输入数值或拖动,设置组件边框大小。 边框颜色:单击颜色编辑器设置节点的边框颜色。 字体大小:设置节点文本的字体大小。
单击“添加子组件”,添加地球热力点。 图4 添加地球热力点-地球 单击“地球热力点”,进入地球热力点的配置页面。 在“样式”页签,配置热力点的高度和颜色。 图5 配置地球热力点样式-地球 在“数据”页签,配置热力点的经纬度和大小。 数据格式:lon为热力点的经度;lat为热力点的纬度;value为热力点的值;type为热力点的类型。
name:节点的标签名。 imgPath:图片的链接地址。如果节点需要使用图片,可设置此参数值为图片的链接地址。如果此参数的值为空,节点显示为默认的圆形。 category:节点的数据系列字段,数据将根据category字段的值进行分组。 新增数据系列:单击s字段后的,增加数据系列
单击“添加子组件”,添加地球热力点。 图4 添加地球热力点-高级地球 单击“地球热力点”,进入地球热力点的配置页面。 在“样式”页签,配置热力点的高度和颜色。 图5 配置地球热力点样式-高级地球 在“数据”页签,配置热力点的经纬度和大小。 数据格式:lon为热力点的经度;lat为热力点的纬度;val
事件节点 种类:单击下拉选项设置事件节点的种类,可设置为时间型、类目型、数值型。 节点形状:单击下拉选项设置节点形状,可设置为菱形、圆、三角形(上)、三角形(下)、方形、叉。 节点大小:输入数值或单击设置节点大小。 默认样式:设置节点的默认样式,包括节点填充色、节点边框色、节点边框粗细。
左边距(px):设置图片标题与组件图层之间的左边距。 对齐方式:设置图片标题的对齐方式,可设置为水平居中、左侧对齐、右侧对齐。 圆点 圆点颜色:设置图片待切换状态时,下方圆点的颜色。 当前颜色:设置图片正在显示状态时,下方圆点的颜色。 数据 图中的示例数据如下: [ { "description": "第一张图片文字描述"
若选择类型为单选,初始化值和“数据”页签中的id是一致。例如初始化值为1,Tab1列表会点亮。 若选择类型为多选,初始化值和“数据”页签中的id是一致。初始化值可设置为多个,例如“1;2”,Tab1和Tab2的列表都会点亮。 标签配置 字号:设置组件文本的字号大小。 字体颜色:设置组件文本的字体颜色。
以起点到终点的距离为1个单位。 轨迹颜色:飞行轨迹的颜色。 轨迹宽度:单位px。 曲率:飞线的弯曲度。当曲率为0时,飞线显示为直线。 图9 飞线层 端点样式:显示或隐藏起点和终点,默认为隐藏。显示时,可以设置“起点样式”和“终点样式”。 起点样式 / 终点样式 样式:端点的形状样式,有多种样式可供选择。
背景色:单击颜色编辑器设置组件的背景色。 搜索按钮颜色:单击颜色编辑器设置搜索按钮的颜色。 边框:设置组件边框的宽度、边框颜色和边框类型。边框类型可选择为实线、虚线、点划线。 数据 value:组件在搜索框中默认显示的文本。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。
置优先。 图2 开启链接交互 若在查看大屏点击组件时,需要在超链接中以当前点击的数据作为交互变量的值进行交互,可单击“新建”按钮新建交互变量,并设置交互变量与字段的映射关系。 例如,在本示例中,新建如图3所示的交互变量,在查看大屏时若点击组件中的某一数据,该数据对应的area字段