检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
本章节以线状组件为例,介绍组件的数据配置。 图1 配置组件数据-线状图 数据源类型 选择图表的数据源类型,在数据区域可以查看或编辑相应的内容。单击数据区域右下角的按钮可以将数据区域窗口放大并弹出显示,以方便您查看和编辑数据。 图2 数据区域 系统提供如下数据源供用户选择: 静态数据 参考显示的数据示例格式
查找数据连接 当系统中建立的数据连接过多不方便查找时,您可以通过页面右上方的搜索功能快速定位对应的数据连接。 操作步骤 登录DLV控制台。 在左侧导航树中,单击“我的数据”。 将鼠标移动至页面右上角,在搜索框中输入数据连接名称的关键字,然后单击搜索按钮,即可快速从众多数据连接中筛选出您想要的数据连接。
工作空间 20 我的组件包 无限制 目前默认每个基础版用户可以创建5个大屏,高级版用户可以创建20个大屏,专业版用户可以创建50个大屏。 其配额查看及修改请参见关于配额。
编辑、预览、发布、复制、删除、重命名,以及查看大屏列表的功能。 图1 我的大屏页面 组合大屏 登录DLV服务管理控制台,单击“我的大屏”,选择“组合大屏”页签。该页面主要提供组合大屏的新建、编辑、预览、发布、复制、删除、重命名,以及查看大屏列表的功能。 图2 组合大屏页面 我的数据
您可以通过在大屏的URL中设置hash参数的形式来设置参数值,将参数值传递到动态数据源(主要有API数据源或数据库类型的数据源)中查询相关数据,从而查看hash参数所指定的大屏数据。 设置URL参数交互功能 以下以API数据源和数据库类型的数据源为例,介绍如何实现URL交互功能。
预览大屏 大屏开发过程中,您可以通过预览功能查看大屏的显示效果。 预览大屏的入口有如下两个: 在大屏开发页面右上方,单击预览图标。 图1 预览大屏(入口一) 在“我的大屏”页面,找到需要预览的大屏,将鼠标移动至该大屏图标之上,界面上将显示大屏的管理按钮,单击预览按钮。 图2 预览大屏(入口二)
数据源,具体操作请参见数据连接概述。 自动更新请求:勾选“自动更新请求”,并设置“更新间隔”后,数据将根据间隔时间自动轮询。 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 地图飞线
数据源,具体操作请参见数据连接概述。 自动更新请求:勾选“自动更新请求”,并设置“更新间隔”后,数据将根据间隔时间自动轮询。 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 地图飞线
显示/隐藏提示信息:单击“提示信息”右侧的勾选框,表示预览组件或查看发布组件,鼠标悬浮在图上时显示提示信息;表示预览组件或查看发布组件,鼠标悬浮在图上时不显示提示信息。 数据名:单击表示预览组件或查看发布组件,悬浮在图上时显示数据名;表示预览组件或查看发布组件,悬浮在图上时不显示数据名。 颜色:设置提示信息的字体颜色。
显示/隐藏提示信息:单击“提示信息”右侧的勾选框,表示预览组件或查看发布组件,鼠标悬浮在图上时显示提示信息;表示预览组件或查看发布组件,鼠标悬浮在图上时不显示提示信息。 数据名:单击表示预览组件或查看发布组件,悬浮在图上时显示数据名;表示预览组件或查看发布组件,悬浮在图上时不显示数据名。 颜色:设置提示信息的字体颜色。
颜色:单击颜色编辑器设置个水位的波浪颜色。 图2 系列-水位图 提示信息 显示/隐藏提示信息:单击“提示信息”右侧的勾选框,表示预览组件或查看发布组件,鼠标悬浮在图上时显示提示信息;表示预览组件或查看发布组件,鼠标悬浮在图上时不显示提示信息。 颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。
再单击“确定”。此时系统会自动在编辑框内输入OBS文件路径。 图5 自动输入OBS文件路径 单击“预览结果”,数据响应成功后可查看结果。 图6 查看数据响应结果 根据响应数据的属性名称配置字段映射。配置“y”为“y”,“s”为“z”。单击“s”右侧的增加三个系列值分别为“z”的值,并配置不同的显示颜色。
面板中的设置优先。 图2 开启链接交互 若在查看大屏点击组件时,需要在超链接中以当前点击的数据作为交互变量的值进行交互,可单击“新建”按钮新建交互变量,并设置交互变量与字段的映射关系。 例如,在本示例中,新建如图3所示的交互变量,在查看大屏时若点击组件中的某一数据,该数据对应的a
管理”页面,在列表中单击DDM实例名称。 图1 DDM实例管理 进入实例详情页面的“逻辑库管理”页签,单击实例名称前的下箭头展开页面,即可查看到逻辑库的jdbc连接地址。 图2 DDM实例详情