检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
映射类型:单击下拉选项设置视觉映射的映射类型,可以设置为连续型或分段型。 方向:单击下拉选项设置视觉映射的映射方向,可以设置为水平或垂直。 宽度:设置视觉映射的宽度。 高度:设置视觉映射的高度。 左侧:设置视觉映射时距离图层左侧的距离。 底部:设置视觉映射时距离图层底部的距离。 文字:设置视觉映射时文本的字体颜色和字号大小。
颜色:设置剩余百分比部分的扇形颜色。 标题 显示/隐藏标题:单击“标题”右侧的勾选框,表示显示标题,表示隐藏标题。 标题名:您可以自定义标题名内容。 字号:设置标题的字号。 颜色:设置标题的颜色。 字体粗细:设置标题的字体粗细样式。 字体:设置标题的字体。 扇形颜色 颜色:设置百分比所占部分的扇形颜色。
颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动画:组件第一次渲染动画的时长,单位为ms。 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。
修改大屏名称 当大屏的使用场景发生变化,需要对大屏的名称进行调整时,DLV支持对已创建的大屏进行重命名,本章节主要介绍如何修改大屏的名称。 前提条件 修改大屏名称前,系统中需要先存在需要修改的大屏。 操作步骤 登录DLV控制台。 在“我的大屏”页面,找到需要修改大屏名称的大屏,将鼠标移
在区域“1”的代码编辑区中编写js代码。 在区域“2”的原始数据区输入需要处理的数据。系统会将原始数据传入代码编辑器的“data”中进行编译。 单击代码编辑区的图标运行代码。会在区域“3”的转换数据区显示转换后的结果数据。 单击代码编辑区的图标将代码保存在转换器中。 图2 数据转换器编辑 将数据转换器与组件进行关联。
文本样式 字体:设置文本的字体。 字号:设置文本的字号。 文本间距:设置文本的文本间距 颜色:设置文本的字体颜色。 字体粗细:设置文本的字体粗细。 对齐方式:设置文本的对齐方式,可以设置为左侧、右侧、水平居中。 行高:输入数值或拖动,调整文字的每一行之间的间距。 首行缩进:输入数值或拖动,调整文字的每一行之间的间距。
value:节点路径的值。value值越大,矩形框所占的面积越大。 children:子节点,包含“name”和“value”两个字段。 name:子节点的名称,子节点的名称会显示在大屏矩形框中。 value:子节点的权重值,value值越大,子节点矩形框所占的面积越大。 数据源类型:
字体:单击下拉选项设置表头文本的字体类型。 字体颜色:单击下拉选项设置表头文本的字体颜色。 字号:单击下拉选项设置表头文本的字号大小。 字体粗细:单击下拉选项设置表头文本的字体粗细样式。 行配置 奇行背景色:单击颜色编辑器设置奇行表格的背景色。 偶行背景色:单击颜色编辑器设置偶行表格的背景色。 序列号
预览大屏 大屏开发过程中,您可以通过预览功能查看大屏的显示效果。 预览大屏的入口有如下两个: 在大屏开发页面右上方,单击预览图标。 图1 预览大屏(入口一) 在“我的大屏”页面,找到需要预览的大屏,将鼠标移动至该大屏图标之上,界面上将显示大屏的管理按钮,单击预览按钮。 图2 预览大屏(入口二)
若选择类型为单选,初始化值和“数据”页签中的id是一致。例如初始化值为1,Tab1列表会点亮。 若选择类型为多选,初始化值和“数据”页签中的id是一致。初始化值可设置为多个,例如“1;2”,Tab1和Tab2的列表都会点亮。 标签配置 字号:设置组件文本的字号大小。 字体颜色:设置组件文本的字体颜色。 字体粗细:设置组件文本的字体粗细。
边框宽度:设置水位图外框的边框宽度。 内部距离:设置水位图和外框的内部距离。 文字 字体:设置图表中文字的字体。 颜色:设置图表中文字的字体颜色。 内部颜色:设置文字在水位图中的颜色。 字号:设置图表中文字的字号大小。 字体粗细:设置图表中文字的字体粗细样式。 相对位置:设置文字相对
拷贝组件 本章节介绍如何拷贝画布中的组件,拷贝后的组件包含原组件的样式、数据、交互配置信息。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“拷贝”,或在图层区右键单击选中某一个组件,选择“拷贝”
数据可视化(DLV)致力于用更生动、友好的形式,即时呈现隐藏在瞬息万变且庞杂数据背后的业务洞察。无论在零售、物流、电力、水利、环保、还是交通领域,通过交互式实时数据可视化视屏墙来帮助业务人员发现、诊断业务问题。 DLV提供丰富的可视化组件,除了针对业务展示优化过的常规图表外,还能够绘制包括海量数据的地理飞线、
开发大屏前,您需要先了解DLV的使用流程,如图1所示。流程中所有操作都可以在DLV控制台完成。 图1 使用流程 建数据连接:连接数据大屏所需的数据源,如果您使用的是静态数据,请跳过该步骤。 建数据大屏:使用模板来创建数据大屏。 编辑数据大屏:对数据大屏进行开发,包括组件的样式、数据、交互配置,以及图层管理。
字体:设置组件中文本的字体样式。 字号:设置组件中文本的字号大小。 颜色:单击颜色编辑器设置组件中文本的颜色。 字体粗细:单击下拉框设置组件文本的字体粗细样式。 格式化:设置组件中时间显示的格式。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
DLV支持API方式连接企业数据源吗? 目前DLV支持以API的方式连接外部数据源:在组件的数据配置里选择API数据源,并填入要连接的URL,即可与对端建立连接从而获取数据。如果遇到跨域问题,请在对端设置头信息Access-Control-Allow-Origin,放通权限。
并设置交互变量与字段的映射关系。 例如,在本示例中,新建如图3所示的交互变量,在查看大屏时若点击组件中的某一数据,该数据对应的area字段的值和series字段的值将会分别传递给超链接中的变量area和table_serie,从而使打开的超链接显示相应的详情页面。 图3 新建交互变量
请根据存储数据的OBS桶的区域,填写相应的OBS的Endpoint。例如,obs.cn-east-2.myhuaweicloud.com。 填写完数据源信息后,单击“确定”即可完成OBS数据连接的添加。 使用对象存储服务(OBS)数据源 登录DLV控制台,单击“我的大屏”。 在“