检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
本示例通过地理搜索、柱状图,演示如何实现组件之间数据联动。基本流程如下: 添加和配置组件 预览和发布大屏 前提条件 已登录DLV控制台,并使用空白模板创建一个大屏。 添加和配置组件 打开大屏开发页面,在左侧组件中心,选择“交互 > 地理搜索”。 图1 选择地理搜索组件 在“样式”面板,配置地理搜索的样式,本示例使用默认样式。
当组件请求数据返回的结果不符合展示需求或需要经过二次加工转换时,可以通过数据转换器编辑代码对组件返回的数据进行处理。 使用数据转换器 创建一个大屏,进入大屏编辑页面。 在页面顶部单击“数据转换器”,页面底部显示数据转换器编辑区。 图1 数据转换器 在数据转换器编辑区单击“新建数据
餐。 图1 变更规格 若DLV提供的变更规格的方式不满足您的要求,您也可以先退订现有的DLV包年包月套餐,再重新购买新的套餐。因为一个区域您只能购买一个DLV包年包月套餐。或者,您也可以更换区域重新购买DLV包年包月套餐。 续费 目前DLV提供包年包月购买方式,包年包月套餐是所购
Administrator权限具有所有云服务的管理员权限(除IAM管理权限之外),为安全起见,一般不建议给IAM用户授予该权限,请谨慎操作。 如果您需要给子用户赋予上述权限,您需要登录IAM控制台,创建一个用户组,将所需的权限授予用户组,然后将子用户添加至用户组中,从而使子用户拥有对应的权限。
每个团队都可具有独立的工作空间。 您只有在加入工作空间并被分配权限后,才具备管理工作空间、管理数据连接、管理大屏、管理组合屏和管理应用的一系列操作权限。 在工作空间管理中,管理员可以将其他用户添加到工作空间,并给用户设置DLV预设的管理员、开发者、分析师、访客等角色,实现多角色协同开发。
向标尺处,当鼠标变为双向箭头且画布中出现一条红色辅助线时,单击鼠标左键就可以添加一条红色的辅助线。 6 纵向标尺 当画布左上角的按钮显示为状态时,将鼠标移至纵向标尺处,当鼠标变为双向箭头且画布中出现一条红色辅助线时,单击鼠标左键就可以添加一条红色的辅助线。 7 配置面板 选中大屏
功能。 创建一个大屏,进入大屏编辑页面,添加组件。单击某个组件,在“数据”面板中,“数据源类型”选择动态数据源(主要有API数据源或数据库类型的数据源),然后配置数据源,添加URL交互变量,格式为“${交互变量名}”。 用户可根据业务需求添加URL交互变量,以下是一些简单的示例,可供参考:
系统为用户提供空模板和场景模板,用户可以根据实际场景选择相应的模板来创建大屏。DLV暂不支持创建或修改自定义模板的功能,如果您想基于已有的大屏创建一个新的大屏,您可以通过复制大屏或导入导出大屏的功能实现,详情请参见复制大屏和导入导出大屏。 本章节介绍如何通过空模板创建大屏,创建大屏前,您需要了解如下信息:
js为例,介绍如何调用DLV提供的SDK在第三方应用程序中集成DLV大屏。 Node JS示例如下: 在第三方应用程序的服务端代码中,新建一个*.js文件,定义一个接口参考用于集成到第三方系统的大屏URL生成DLV大屏URL。 服务端代码getDlvURL.js示例如下: 1 2 3
环形柱图 环形柱图是柱状图的一种,常用于展示不同系列的数据的对比情况。本章节主要介绍环形柱图组件各配置项的含义。 图1 环形柱图 样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。 图表位置:图表在画布中的位置。单位均为px。 图形属性 柱间间距:环形柱子之间的距离,单位为px。
显示格式:设置坐标轴刻度值的显示格式。 最小值:坐标轴的最小值。可以输入一个数值,或者在下拉列表中选择一个选项。当设置为“数据最小值”时,坐标轴的起始值显示为当前数据中的最小值。 最大值:坐标轴的最大值。可以输入一个数值,或者在下拉列表中选择一个选项。当设置为“数据最大值”时,坐标轴的最大值为当前数据中的最大值。
Elasticsearch服务为非全托管服务,DLV无法直接与非全托管服务进行连接。CDM集群提供了DLV与非全托管服务通信的代理。 schema 填写一个不与index重名的映射名称。 填写完数据源信息后,单击“确定”即可完成云搜索服务 Elasticsearch数据连接的添加。 使用云搜索服务
据源中的字段名称相同。 area:区域名称。 num:数据。 img:可选字段,表示图标的自定义样式名称。 单击img字段右侧的按钮可添加一个自定义图标样式。对于已添加的自定义样式,单击某个系列右侧的按钮可删除该系列。 添加自定义样式,配置如下: 系列值:输入img字段的某个值。
切换工作空间 在“组合大屏”页面,单击“新建组合屏”。 在新建组合大屏页面,至少选择2个大屏,然后单击“下一步”。 图2 选择屏幕 在屏幕排序页面,单击或调整屏幕的先后顺序,然后单击“下一步”。 图3 屏幕排序 设置组合大屏的名称及相关参数,然后单击“创建”完成组合大屏的创建。 组合屏名
件有:地图飞线、地图散点、柱状层。 地图子组件的相关操作如下: 添加子组件 在“样式”配置栏,单击“添加子组件”按钮,然后在弹出菜单中选择一个子组件,即可将该子组件添加到地图组件中。子组件添加完成后,在“添加子组件”按钮下方会显示所添加的子组件名称,例如“地图飞线”。 图1 添加子组件
件有:地图飞线、地图散点、柱状层。 地图子组件的相关操作如下: 添加子组件 在“样式”配置栏,单击“添加子组件”按钮,然后在弹出菜单中选择一个子组件,即可将该子组件添加到地图组件中。子组件添加完成后,在“添加子组件”按钮下方会显示所添加的子组件名称,例如“地图飞线”。 图3 添加子组件
value:散点的值,与样式中的“散点大小”一起决定散点的大小,value值越大,散点越大。 type:单击按钮可以添加系列值,即可以选取type字段的某一个取值设置为一个系列,并设置该系列散点的显示样式。type字段为其他取值的散点则按照type字段的默认样式进行显示。 例如,某一个散点的type为"
基础平面地图子组件增加悬浮文本框,动画效果展示 地理搜索组件增加下拉三角颜色配置和结果样式的初始化赋值 图片组件支持直接从url地址获取图片 优化功能 组件交互内容优化:一个组件可以引用多个交互组件的变量 修复缺陷 修复表格轮播组件,在数据面板中新建系列时,系列名默认显示的问题 V1.3.2-20190608版本