检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击“预览结果”,数据响应成功后可查看结果。 图6 查看数据响应结果 根据响应数据的属性名称配置字段映射。配置“y”为“y”,“s”为“z”。单击“s”右侧的增加三个系列值分别为“z”的值,并配置不同的显示颜色。 图7 配置映射关系 配置完成后的大屏组件效果如下图所示。 图8 大屏效果图 父主题: 新建数据连接
数据映射:数据格式默认包含以下字段,请配置各个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 x:类目,对应横坐标x轴。 y:系列的数据。对应纵坐标y轴。 s:系列。可以将s字段的某个值设置为一个系列,允许添加多个系列。 单击s字段右侧的按钮可添加一个新的系列。
y:数据,对应纵坐标y轴。 s:系列,可以将s字段的某个值设置为一个系列,允许添加多个系列,并且每个系列的数值可以映射到不同的纵坐标上。 单击s字段右侧的按钮可添加一个系列。对于已经添加的系列,单击某个系列右侧的按钮可删除该系列。 添加系列配置如下: 系列值:输入s字段的某个值,如果“系列值”为空,则默认使用相应的s字段的值。
数据映射:数据格式默认包含以下字段,请配置各个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 x:类目,对应横坐标x轴。 y:系列的数据。对应纵坐标y轴。 s:系列。可以将s字段的某个值设置为一个系列,允许添加多个系列。 单击s字段右侧的按钮可添加一个新的系列。
从左侧组件库中选择一个组件,例如“柱状图”,该组件将出现在画布中。单击该组件,再单击屏幕右侧的“数据”面板。 在“数据”面板中,设置“数据源类型”为“静态数据”。 图2 静态数据源 将JSON格式的静态数据粘贴在下方的数据编辑区域中。 图3 编辑静态数据 配置字段映射。本示例需要配置“x”映
DLV是什么 数据可视化(Data Lake Visualization,简称DLV)是一站式数据可视化开发平台,适配云上云下多种数据源,提供丰富多样的2D、3D可视化组件,采用拖拽式自由布局,旨在帮助您快速定制和应用属于您自己的数据大屏。 版本规格说明 DLV提供了基础版、高级
以下以API数据源和数据库类型的数据源为例,介绍如何实现URL交互功能。 创建一个大屏,进入大屏编辑页面,添加组件。单击某个组件,在“数据”面板中,“数据源类型”选择动态数据源(主要有API数据源或数据库类型的数据源),然后配置数据源,添加URL交互变量,格式为“${交互变量名}”。 用户可根
呼吸范围:端点动态呼吸的范围。配置项“动画效果” 动效速度:端点动态呼吸的速度。 散点大小:端点的大小。 图10 端点样式 数据 图11 地图飞线数据 字段映射:地图飞线的数据格式包含以下2个字段,请配置以下2个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。
怎么查看不同组件支持的数据格式? 在组件的数据配置中,可以查看数据字段及格式,并配置相应的映射关系。其中,数据字段及格式请参照“静态数据”中的样例,如图1所示。 图1 查看数据格式(示例)
图1 新建连接 在“新建数据连接”对话框,在左侧数据源列表中选择一种数据源,然后配置数据源的相关参数。有关新建数据连接的更多信息,请参见数据连接概述。 例如,数据源类型选择“数据仓库服务(DWS)”,配置数据源参数如表1所示。 图2 新建数据连接 表1 DWS数据连接参数 参数名 说明
关系网络图 本章节介绍关系网络图组件各配置项的含义,帮助您更好了解如何配置关系网络组件。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 关系网络图 文字标签 显示/隐藏文字标签:单击“文本标签”右侧的勾选框,表示显示文字标签,表示隐藏文字标签。
数据映射:数据格式包含以下字段,请配置各个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 area:区域名称。 num:数据。 img:可选字段,表示图标的自定义样式名称。 单击img字段右侧的按钮可添加一个自定义图标样式。对于已添加的自
入大屏开发页面。 图2 编辑大屏 在画布中,选中其中一个组件,单击“数据”面板,在打开的数据面板中修改数据配置。 数据映射 当数据源返回的数据中属性名与字段相同时会自动完成映射,若数据复杂则需要手动输入返回的数据属性名称来配置映射。 图3 字段映射 自动更新 当自动更新请求被勾选
js为例,介绍如何调用DLV提供的SDK在第三方应用程序中集成DLV大屏。 Node JS示例如下: 在第三方应用程序的服务端代码中,新建一个*.js文件,定义一个接口参考用于集成到第三方系统的大屏URL生成DLV大屏URL。 服务端代码getDlvURL.js示例如下: 1 2 3
托管服务通信的代理。 schema 填写一个不与索引重名的映射名称。 填写完数据源信息后,单击“确定”即可完成Elasticsearch数据连接的添加。 使用Elasticsearch数据源 您可以参考使用数据仓库服务(DWS)数据源,配置使用Elasticsearch数据源。 父主题:
搜索 本章节主要介绍搜索组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 搜索 样式 提示文本:当“数据”面板中的“value”值没有配置时,系统显示提示文本中的值。当有配置时,系统显示“数据”面板中的“value”值。
在左侧组件中心,选择“常用图表 > 柱状图”。 图7 选择柱状图组件 在“样式”面板,配置柱状图组件的样式,本示例使用默认样式。 图8 配置柱状图样式 切换到“数据”面板,配置柱状图数据。 选择数据源,并配置字段映射。如图9所示,组件关联到动态数据。 图9 关联动态数据 按下shift+
拉列表并选择所需访问的工作空间,然后单击“新建数据连接”。 图1 新建连接 在“新建数据连接”窗口中,选择数据源类型“Oracle”,然后配置相关参数。 图2 新建Oracle数据连接 连接Oracle时,相关参数如新建Oracle数据连接所示。 表1 Oracle数据连接参数 参数名
理。 schema 填写一个不与index重名的映射名称。 填写完数据源信息后,单击“确定”即可完成云搜索服务 Elasticsearch数据连接的添加。 使用云搜索服务 Elasticsearch数据源 您可以参考使用数据仓库服务(DWS)数据源,配置使用云搜索服务 Elasticsearch数据源。