检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
CSV文件的第一行为表头,文件的每一行都是一个数据记录,每个记录由一个或多个字段组成,用逗号分隔。在配置数据源的时候,保留CSV的首行作为表头,并且每一个列的列名需要和相应图表中要求的数据结构的字段名保持一致。
DLV的功能 我的数据 通过我的数据模块创建指向您的数据源的连接配置,支持如下数据源: 对象存储服务(OBS) 数据仓库服务(DWS) 数据湖探索(DLI) MapReduce服务(MRS Hive) MapReduce服务(MRS SparkSQL) 云数据库 MySQL 云数据库
y字段表示数据系列(分组):y映射不同的字段表示不同的数据系列(组),数据根据y映射的字段进行分组显示。 新增数据系列:单击y字段后的,增加数据系列。对于已添加的系列,单击该系列右侧的按钮可删除该系列。 添加系列配置如下: 系列值:所映射的源数据中的字段名称。
代码示例 js语法请参考https://developer.mozilla.org/zh-CN/docs/Web/JavaScript。
dlv.min.js:非模块化SDK包,通过外部方式导入,例如<script src='dlv.min.js'></script>。
数据库、CSV文件、API网关、DAYU 数据服务、Elasticsearch、对象存储服务(OBS) 如果选择使用此类数据源,您还需要选择相应的数据连接,数据连接的相关说明请参见新建数据连接。数据格式参考静态数据中的示例。 数据映射 系统为用户提供自定义字段映射关系的功能。
优化功能 气泡图、线状图、散点图等7个组件的悬浮tips提示,数据位显示千分格形式。 气泡图,Y轴增加轴类型配置,支持数据value字段映射气泡大小。 页面设置增加贴合开关和灵敏度设置。 轮播表格内容支持自动换行设置。
例如,开启地理搜索组件的交互功能,并设置字段name映射为area,如图1所示: 图1 配置字段映射(示例) 那么就可以在其他的组件中将name当做变量输入,格式为${name},如图2所示: 图2 引用参数(示例)
选择数据源,并配置字段映射。如图7所示,组件关联到动态数据。 图7 关联动态数据 按下shift+$键,引用4定义好的交互变量${name}。 图8 引用交互变量 预览和发布大屏 在大屏开发页面右上方,单击预览按钮,预览大屏。
图7 动画-线状图 数据 WT双轴线状图的数据格式为宽表类型的结构,是将相关字段放在同一张表中形成字段较多的数据库表。WT双轴线状图的数据格式默认包含3个字段x、y1、y2。 数据源类型:选择图表的数据源。
数据映射:双轴线状图的数据格式包含3个字段: x:类目,对应横坐标x轴。该字段的数据类型需要与•x坐标配置项中的“数据类型”保持一致。 y:数据,对应纵坐标y1轴或y2轴。
图4 动画-线状图 数据 WT双轴折线柱图的数据格式为宽表类型的结构,是将相关字段放在同一张表中形成字段较多的数据库表。WT双轴折线柱图的数据格式默认包含3个字段x、y1、y2。 x:线状图和柱状图的类目,对应横坐标x轴。 y:数据系列(分组)。
其他:包括分布式数据库中间件(DDM)、对象存储服务(OBS)。
云数据库 SQL Server 云数据库 GaussDB 云数据库 GaussDB for Influx Oracle MySQL PostgreSQL SQL Server 分布式数据库中间件(DDM) 文件类 DLV支持以下两种文件类型的数据: 静态数据 CSV文件 其他 对象存储服务
DLV与其他服务的关系 云数据迁移 DLV依赖云数据迁移服务(Cloud Data Migration,CDM)作为连接代理,访问您同一虚拟私有云(Virtual Private Cloud,VPC)内的数据源。
显示的文本为“数据”中text字段的值。 数据 字段映射:悬浮文本的数据格式默认包含以下字段,请配置该字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 lat:地区的纬度。 lon:地区的经度。 video:视频地址。
数据 图3 地图飞线-数据 字段映射:地图飞线的数据格式包含以下2个字段,请配置以下2个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 from:飞线起点位置的经度和纬度,经纬度之间以逗号分隔。
数据映射:数据格式包含以下字段,请配置各个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 area:区域名称。 num:数据。 img:可选字段,表示图标的自定义样式名称。 单击img字段右侧的按钮可添加一个自定义图标样式。