检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置URL参数交互 您可以通过在大屏的URL中设置hash参数的形式来设置参数值,将参数值传递到动态数据源(主要有API数据源或数据库类型的数据源)中查询相关数据,从而查看hash参数所指定的大屏数据。 设置URL参数交互功能 以下以API数据源和数据库类型的数据源为例,介绍如何实现URL交互功能。
预览大屏 大屏开发过程中,您可以通过预览功能查看大屏的显示效果。 预览大屏的入口有如下两个: 在大屏开发页面右上方,单击预览图标。 图1 预览大屏(入口一) 在“我的大屏”页面,找到需要预览的大屏,将鼠标移动至该大屏图标之上,界面上将显示大屏的管理按钮,单击预览按钮。 图2 预览大屏(入口二)
半径:只用半径的长短来显示数据的大小; 半径及圆心角:用面积的大小来显示数据的大小 标签属性 显示/隐藏标签属性:单击“标签属性”右侧的勾选框,表示显示标签属性,表示隐藏标签属性。 标签距中间:设置标签值和中间位置的距离。 轴距长度:设置标签的长度。 字号:设置标签值的字号。 颜色:设置标签值的字体颜色。
标签距中间:设置标签值和中间位置的距离。 轴距长度:设置标签的长度。 字号:设置标签值的字号。 颜色:设置标签值的字体颜色。 字体粗细:设置标签值的字体粗细样式。 数据名:是否显示数据名。 数据值:是否显示数据值。 比例显示:是否显示比例。表示标签中的值以比例形式展示,表示标签中的值以数据形式展示。
边框宽度:设置水位图外框的边框宽度。 内部距离:设置水位图和外框的内部距离。 文字 字体:设置图表中文字的字体。 颜色:设置图表中文字的字体颜色。 内部颜色:设置文字在水位图中的颜色。 字号:设置图表中文字的字号大小。 字体粗细:设置图表中文字的字体粗细样式。 相对位置:设置文字相对
请根据存储数据的OBS桶的区域,填写相应的OBS的Endpoint。例如,obs.cn-east-2.myhuaweicloud.com。 填写完数据源信息后,单击“确定”即可完成OBS数据连接的添加。 使用对象存储服务(OBS)数据源 登录DLV控制台,单击“我的大屏”。 在“
I数据源的URL。 使用限制 连接API数据源,需要满足以下条件: 获取源数据的REST API和华为云网络之间能够正常通信。 获取源数据的REST API当前仅支持通过HTTPS协议的GET请求调用,且API响应结果的HTTP body体仅支持JSON格式。 DLV的API数据
DLV所提供的接口均为符合RESTful API设计规范的自研接口。通过DLV的自研接口,您可以使用如表1所示的DLV功能。 表1 接口功能 类型 接口 API URI 大屏管理接口 新增大屏 POST /v1/{project_id}/screens 删除大屏 DELETE /
并设置交互变量与字段的映射关系。 例如,在本示例中,新建如图3所示的交互变量,在查看大屏时若点击组件中的某一数据,该数据对应的area字段的值和series字段的值将会分别传递给超链接中的变量area和table_serie,从而使打开的超链接显示相应的详情页面。 图3 新建交互变量
表示预览组件或查看发布组件,鼠标悬浮在图上时不显示提示信息。 颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动
审核通过后,进入大屏编辑页面,在组件库中的“自定义”组件列表中将显示已上传的自定义组件,您可以在大屏开发过程中使用自定义组件。 图6 自定义组件 编辑组件包 进入DLV控制台的“我的组件”页面,找到所需编辑的组件包,将鼠标移至组件包之上,将显示组件包的操作按钮。 图7 组件包管理 :单
待连接的数据源实例已经完成创建。 已配置对应的安全组规则,具体操作如下: 确认弹性云服务器使用的网卡安全组是否正确。 在弹性云服务器详情页面查看网卡使用的安全组。 查看安全组入方向是否已放行198.19.128.0/17网段的地址,如果没有放行,请添加198.19.128.0/17网段的入方向规则,用户可根据自己的实际业务场景添加入方向规则。
“分享”参数中的链接就可以访问大屏了。 版本管理 设置用户通过分享链接访问大屏时,允许查看的大屏版本。 实时更新发布:当大屏内容有修改时,用户可以即时查看到最新的大屏内容。系统默认选项,不支持删除。 历史快照:将当前的大屏内容作为一个版本进行存档,存档后大屏内容的修改不会同步到该
触发类型:设置提示信息的触发类型,可以选择坐标轴和数据项。 颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。 图5 提示信息-线状图 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。
文本:设置x轴的文本样式,包括字号、字体颜色、字体粗细、角度。 轴标签:设置x轴的最大值、最小值和分割数。 轴单位:设置x轴的单位名称和字体颜色。 坐标轴:设置x轴的颜色。 轴刻度:单击“轴刻度”右侧的勾选框,表示显示轴刻度,表示隐藏轴刻度。 网格线:设置x轴的网格线的颜色。 图4
本章节以Tab列表和线状图配合使用为例,介绍组件的交互配置。在DLV中组件交互配置是指某个组件在响应用户操作或者自动触发更新时,向其他组件传递参数,这个参数可以在其他组件中作为数据查询时的动态变量。当组件的“交互”页签支持勾选开启交互功能的事件及参数配置时表示该组件支持交互功能,否则不支持交互功能。
型”时,显示标签的数量会根据设置的“分割数”做自适应显示。当“数据类型”配置为其他值时,该配置项不生效。 字号:设置x轴文本的字号大小。 颜色:设置x轴文本的字体颜色。 角度:设置x轴文本的角度大小。 字体粗细:设置x轴文本的字体粗细样式。 轴线颜色:设置x轴的颜色。 网格颜色:设置x轴的网格线颜色