检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何使用DLV 使用流程 快速搭建大屏(交互功能)
使用流程 开发大屏前,您需要先了解DLV的使用流程,如图1所示。流程中所有操作都可以在DLV控制台完成。 图1 使用流程 建数据连接:连接数据大屏所需的数据源,如果您使用的是静态数据,请跳过该步骤。 建数据大屏:使用模板来创建数据大屏。 编辑数据大屏:对数据大屏进行开发,包括组件的样式、数据、交互配置,以及图层管理。
> 地理搜索”。 图1 选择地理搜索组件 在“样式”面板,配置地理搜索的样式,本示例使用默认样式。 图2 配置地理搜索样式 切换到“数据”面板,设置地理搜索组件的数据。 图3 设置地理搜索组件的数据 切换到“交互”面板,定义交互变量,并启用该变量。 图4 定义并启用交互变量 在左侧组件中心,选择“常用图表
V FullAccess),表示“DLV FullAccess”已生效。 在“服务列表”中选择除数据可视化之外(假设当前策略仅包含DLV FullAccess)的任一服务,若提示权限不足,表示“DLV FullAccess”已生效。 父主题: 授权IAM用户使用DLV
设置URL参数交互 您可以通过在大屏的URL中设置hash参数的形式来设置参数值,将参数值传递到动态数据源(主要有API数据源或数据库类型的数据源)中查询相关数据,从而查看hash参数所指定的大屏数据。 设置URL参数交互功能 以下以API数据源和数据库类型的数据源为例,介绍如何实现URL交互功能。
使用静态数据源 使用静态数据源时不需要创建数据连接,您可以直接在大屏编辑页面的数据编辑框内粘贴JSON格式的静态数据。 使用静态数据 登录DLV控制台,单击“我的大屏”。 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏
使用数据转换器 当组件请求数据返回的结果不符合展示需求或需要经过二次加工转换时,可以通过数据转换器编辑代码对组件返回的数据进行处理。 使用数据转换器 创建一个大屏,进入大屏编辑页面。 在页面顶部单击“数据转换器”,页面底部显示数据转换器编辑区。 图1 数据转换器 在数据转换器编辑
DLV支持使用模板快速构建吗? DLV支持使用模板快速构建大屏。但是目前不支持用户自定义模板,该功能后续会开放。
授权IAM用户使用DLV 创建用户并授权使用DLV 父主题: 准备工作
AK(Access Key ID):访问密钥ID。与私有访问密钥关联的唯一标识符;访问密钥ID和私有访问密钥一起使用,对请求进行加密签名。 SK(Secret Access Key):与访问密钥ID结合使用的密钥,对请求进行加密签名,可标识发送方,并防止请求被修改。 使用AK/SK
此处可以设置所有系列的“超链接”和“链接方式”,若数据面板中各个系列单独设置了“超链接”和“链接方式”,则以数据面板中的设置优先。 图2 开启链接交互 若在查看大屏点击组件时,需要在超链接中以当前点击的数据作为交互变量的值进行交互,可单击“新建”按钮新建交互变量,并设置交互变量与字段的映射关系。
如下样式。 系列名:设置数据系列的名称。 样式:设置数据系列的坐标点形状,可以选择圆形、矩形、三角形等。 颜色:设置数据系列的曲线颜色。 宽度:设置数据系列的曲线宽度。 不透明:设置数据系列填充色的透明度。 值标签:勾选则在图表中显示对应点的取值,并为取值设置显示的字号、颜色、字体粗细、位置。
单击画布中的组件,在右侧选择“样式”页签,显示和配置组件的样式。 本示例使用默认的样式,如需了解更多样式配置,请参见设置组件样式。 图3 配置组件样式 在右侧选择“数据”页签,配置组件的数据。 本示例使用静态数据,如需了解更多数据配置,请参见设置组件数据。 图4 配置组件数据 在右侧选择“交互”页签
打开大屏开发页面,在左侧组件中心,选择“交互 > 地理搜索”。 图3 选择地理搜索组件 在“样式”面板,配置地理搜索的样式,本示例使用默认样式。 图4 配置地理搜索样式 切换到“数据”面板,设置地理搜索组件的数据。 图5 设置地理搜索组件的数据 切换到“交互”面板,定义交互变量,并启用该变量。 图6 定义并启用交互变量
如何配置交互功能? 交互功能可以实现图表联动,通过组件之间参数的传递来实现,单击某一个图表,另外一个图表的数据可以进行相应的变化。 例如,开启地理搜索组件的交互功能,并设置字段name映射为area,如图1所示: 图1 配置字段映射(示例) 那么就可以在其他的组件中将name当做