检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置URL参数交互 您可以通过在大屏的URL中设置hash参数的形式来设置参数值,将参数值传递到动态数据源(主要有API数据源或数据库类型的数据源)中查询相关数据,从而查看hash参数所指定的大屏数据。 设置URL参数交互功能 以下以API数据源和数据库类型的数据源为例,介绍如何实现URL交互功能。
如何配置交互功能? 交互功能可以实现图表联动,通过组件之间参数的传递来实现,单击某一个图表,另外一个图表的数据可以进行相应的变化。 例如,开启地理搜索组件的交互功能,并设置字段name映射为area,如图1所示: 图1 配置字段映射(示例) 那么就可以在其他的组件中将name当做
字体:设置标签的字体。 字号:设置标签的字号。 颜色:设置标签的字体颜色。 字体粗细:设置标签的字体粗细。 位置:设置标签的位置。 连接线 颜色:设置连接线的颜色 粗细:设置连接线的粗细程度。 长度:设置连接线的长度。 类型:设置连接线的类型,可以设置为实线、虚线、点划线。 图例 显示/隐藏图例:单击
图1 选择地理搜索组件 在“样式”面板,配置地理搜索的样式,本示例使用默认样式。 图2 配置地理搜索样式 切换到“数据”面板,设置地理搜索组件的数据。 图3 设置地理搜索组件的数据 切换到“交互”面板,定义交互变量,并启用该变量。 图4 定义并启用交互变量 在左侧组件中心,选择“常用图表
Content-Type: application/json X-Auth-Token: ABCDEFJ.... 您还可以通过这个视频教程了解如何使用Token认证:https://bbs.huaweicloud.com/videos/101333 。 AK/SK认证 AK/SK签名
此处可以设置所有系列的“超链接”和“链接方式”,若数据面板中各个系列单独设置了“超链接”和“链接方式”,则以数据面板中的设置优先。 图2 开启链接交互 若在查看大屏点击组件时,需要在超链接中以当前点击的数据作为交互变量的值进行交互,可单击“新建”按钮新建交互变量,并设置交互变量与字段的映射关系。
如何配置CSV数据来源? CSV文件的第一行为表头,文件的每一行都是一个数据记录,每个记录由一个或多个字段组成,用逗号分隔。在配置数据源的时候,保留CSV的首行作为表头,并且每一个列的列名需要和相应图表中要求的数据结构的字段名保持一致。
表头行高:输入数值或拖动,设置表头行高。 背景色:单击颜色编辑器设置表头的背景色。 对齐方式:单击下拉选项设置表头文本的对齐方式,可选择为水平居中、左侧、右侧。 字体:单击下拉选项设置表头文本的字体类型。 字体颜色:单击下拉选项设置表头文本的字体颜色。 字号:单击下拉选项设置表头文本的字号大小。
目前DLV支持以API的方式连接外部数据源:在组件的数据配置里选择API数据源,并填入要连接的URL,即可与对端建立连接从而获取数据。如果遇到跨域问题,请在对端设置头信息Access-Control-Allow-Origin,放通权限。
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 仪表盘 全局样式 设置仪表盘中文字的字体、仪表盘大小、分割数。 标题 设置仪表盘中标题的字号、字体粗细、字体颜色。 轴属性 轴线:设置轴线的粗细。 轴刻度:设置轴刻度的长度、粗细、颜色。
极轴 颜色:单击颜色编辑器设置极轴的颜色。 宽度:输入数值或单击设置极轴的宽度。 分割线 颜色:单击颜色编辑器设置分割线的颜色。 线条数量:输入数值或单击设置分割线的线条数量。 线条样式:单击下拉框设置分割线的线条样式。 线条宽度:输入数值或单击设置分割线的线条宽度。 填充颜色
重命名组件 本章节介绍如何重命名画布中的组件。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“重命名”,或在图层区右键单击选中某一个组件,选择“重命名”。 图2 画布中重命名组件
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 漏斗图 全局样式 字体:设置组件文本的字体类型。 布局类型:设置组件的布局类型。可选择设置为左对齐、右对齐、居中对齐。 数据排序:设置组件的数据排序。可选择设置为升序、降序或数据顺序。
请参见设置组件样式。 图3 配置组件样式 在右侧选择“数据”页签,配置组件的数据。 本示例使用静态数据,如需了解更多数据配置,请参见设置组件数据。 图4 配置组件数据 在右侧选择“交互”页签,配置组件的交互。本示例的组件不提供交互功能,如需了解更多交互配置,请参见设置组件事件交互。
边框宽度:设置水位图外框的边框宽度。 内部距离:设置水位图和外框的内部距离。 文字 字体:设置图表中文字的字体。 颜色:设置图表中文字的字体颜色。 内部颜色:设置文字在水位图中的颜色。 字号:设置图表中文字的字号大小。 字体粗细:设置图表中文字的字体粗细样式。 相对位置:设置文字相对于水位图的相对位置。可以选择为顶部、垂直居中或底部。
数值字号:设置百分数中数值的字号大小。 数值颜色:设置百分数中数值的字体颜色。 百分号字号:设置百分号的字号大小。 百分号颜色:设置百分号的字体颜色。 左右间距:可通过拖动或输入数值设置百分数值和百分比的间距大小。 字体粗细:设置百分数值的字体粗细样式。 字体:设置百分数值的字体。 小数位:设置百分比中可保留的小数位个数。
图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 键值表格 全局样式 自适应:勾选时,表格会自动适应组件图层的高度。 字体:设置组件文本的字体样式。 左右间距:输入数值或拖动,设置表格的左右间距。 上下间距:输入数值或拖动,设置表格的上下间距。
字号:设置标签值的字号。 颜色:设置标签值的字体颜色。 字体粗细:设置标签值的字体粗细样式。 角度轴 文本:设置图表中文字的字号、颜色、字体粗细。 旋转角度:输入数值或通过拖动设置旋转角度。 极轴 轴标签:设置极轴的最大值和最小值 颜色:设置极轴的颜色。 宽度:设置极轴的宽度。
水平正负柱图 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 柱子样式 柱子宽度:设置柱子的宽度。 柱子圆角度:设置柱子的圆角度。 系列间距:设置多个系列间的距离。 图2 柱子样式-水平正负柱图
样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 系列间距:设置图表系列之间的间距。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。