检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
初始化值:输入初始化值。 若选择类型为单选,初始化值和“数据”页签中的id是一致。例如初始化值为1,Tab1列表会点亮。 若选择类型为多选,初始化值和“数据”页签中的id是一致。初始化值可设置为多个,例如“1;2”,Tab1和Tab2的列表都会点亮。 标签配置 字号:设置组件文本的字号大小。
当“标题名”没有配置时,组件不显示标题。 value:组件显示的值。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。
用户可以通过交互功能实现大屏内组件间数据联动。 本示例通过地理搜索、柱状图,演示如何实现组件之间数据联动。基本流程如下: 添加和配置组件 预览和发布大屏 前提条件 已登录DLV控制台,并使用空白模板创建一个大屏。 添加和配置组件 打开大屏开发页面,在左侧组件中心,选择“交互 > 地理搜索”。 图1 选择地理搜索组件
)设置了相同的堆叠名称,系列数据将堆叠显示。 超链接:表示点击组件中的某一数据时,网页将会指向的目标链接。 链接方式: 新窗口:表示目标链接将会在浏览器的新窗口中打开。 当前页:表示目标链接在当前浏览器窗口打开。 浮窗:表示目标链接会在当前大屏中心的悬浮窗口中打开。 自动更新请求
半径及圆心角:用面积的大小来显示数据的大小 标签属性 显示/隐藏标签属性:单击“标签属性”右侧的勾选框,表示显示标签属性,表示隐藏标签属性。 标签距中间:设置标签值和中间位置的距离。 轴距长度:设置标签的长度。 字号:设置标签值的字号。 颜色:设置标签值的字体颜色。 字体粗细:设置标签值的字体粗细样式。
据更新时,从初始位置开始播放动画。 图5 动画-线状图 数据 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。
示x轴,表示隐藏x轴。 文本:设置x轴的文本样式,包括字号、字体颜色、字体粗细、角度。 轴标签:设置x轴的最大值、最小值和分割数。 轴单位:设置x轴的单位名称和字体颜色。 坐标轴:设置x轴的颜色。 轴刻度:单击“轴刻度”右侧的勾选框,表示显示轴刻度,表示隐藏轴刻度。 网格线:设置x轴的网格线的颜色。
网格线:设置y轴的网格线颜色。 轴单位:设置y轴的单位名称和字体颜色。 图3 y轴-水平叠加柱状图 图例 显示/隐藏图例:单击“图例”右侧的勾选框,表示显示图例,表示隐藏图例。 文本:设置图例的文本样式,包括字号、字体颜色、字体粗细。 间距:设置图例的间距,包括左右间距和上下间距。 图4 图例-水平叠加柱状图
字体:设置图表中文字的字体。 标签属性 显示/隐藏标签属性:单击“标签属性”右侧的勾选框,表示显示标签属性,表示隐藏标签属性。 标签距中间:设置标签值和中间位置的距离。 轴距长度:设置标签的长度。 字号:设置标签值的字号。 颜色:设置标签值的字体颜色。 字体粗细:设置标签值的字体粗细样式。 数据名:是否显示数据名。
管理组件 组件概述 添加组件 上传自定义组件 锁定组件 隐藏组件 重命名组件 拷贝组件 删除组件 设置组件数据 设置组件事件交互 设置组件链接交互实现下钻功能 设置URL参数交互 使用数据转换器
态数据。 代码示例 js语法请参考https://developer.mozilla.org/zh-CN/docs/Web/JavaScript。 数据转换示例1(当返回的天气数据中数据结构嵌套复杂,指标数据分散时,转换为更简单的格式显示) 代码 return data.results[0]
组件概述 DLV提供了丰富的组件,目前支持以下几种类型的组件: 常用图表 地图 媒体 文本 关系网络图 素材 交互 其他 常用图表 您可以在常用图表中选择需要的常用组件,包括线状图、柱状图、饼状图、单值百分比、玫瑰图、雷达图、散点图、气泡图、水位图、区域排行、折线柱图、水平柱状图
拷贝组件 本章节介绍如何拷贝画布中的组件,拷贝后的组件包含原组件的样式、数据、交互配置信息。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“拷贝”,或在图层区右键单击选中某一个组件,选择“拷贝”
地图 基础平面地图 世界地图 3D世界地图 3D中国地图 3D世界地图(2019) 3D中国地图(2019) 地球 高级地球 父主题: 组件指南
饼图类 饼状图 单值百分比 玫瑰图 父主题: 组件指南
线状图类 线状图 双轴线状图 WT线图 WT双轴线状图 台阶图 父主题: 组件指南
数据源类型 选择图表的数据源类型,在数据区域可以查看或编辑相应的内容。单击数据区域右下角的按钮可以将数据区域窗口放大并弹出显示,以方便您查看和编辑数据。 图2 数据区域 系统提供如下数据源供用户选择: 静态数据 参考显示的数据示例格式,根据需求调整数据值,或粘贴已准备的JSON格式数据。数据示例如下: