检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如下样式。 系列名:设置数据系列的名称。 样式:设置数据系列的坐标点形状,可以选择圆形、矩形、三角形等。 颜色:设置数据系列的曲线颜色。 宽度:设置数据系列的曲线宽度。 不透明:设置数据系列填充色的透明度。 值标签:勾选则在图表中显示对应点的取值,并为取值设置显示的字号、颜色、字体粗细、位置。
设置URL参数交互 您可以通过在大屏的URL中设置hash参数的形式来设置参数值,将参数值传递到动态数据源(主要有API数据源或数据库类型的数据源)中查询相关数据,从而查看hash参数所指定的大屏数据。 设置URL参数交互功能 以下以API数据源和数据库类型的数据源为例,介绍如何实现URL交互功能。
图3 选择地理搜索组件 在“样式”面板,配置地理搜索的样式,本示例使用默认样式。 图4 配置地理搜索样式 切换到“数据”面板,设置地理搜索组件的数据。 图5 设置地理搜索组件的数据 切换到“交互”面板,定义交互变量,并启用该变量。 图6 定义并启用交互变量 在左侧组件中心,选择“常用图表
此处可以设置所有系列的“超链接”和“链接方式”,若数据面板中各个系列单独设置了“超链接”和“链接方式”,则以数据面板中的设置优先。 图2 开启链接交互 若在查看大屏点击组件时,需要在超链接中以当前点击的数据作为交互变量的值进行交互,可单击“新建”按钮新建交互变量,并设置交互变量与字段的映射关系。
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间选择器 全局样式 背景色:单击颜色编辑器设置组件的背景色。 圆角:单击设置组件的圆角度。值越大,圆角度越明显。最小值为0%,最大值为50%。 字号:输入数值或单击设置组件文本的字号大小。
的“数据”面板。 在“数据”面板中,设置“数据源类型”为“API”。 在编辑区域中输入完整的URL地址。 当“由服务器发起请求(仅支持HTTPS)”设为关闭时,由DLV页面直接发送Ajax请求访问URL。这种使用方式存在跨域问题。 当“由服务器发起请求(仅支持HTTPS)”设为开
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间器 图标样式 字号:设置组件时间图标的字号大小。 颜色:设置组件时间图标的颜色。 右边距:输入数值或拖动,调整组件时间图标的右边距。 时间器 字体:设置组件中文本的字体样式。
对齐方式:设置标题的对齐方式,可以设置为顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。 标题名:设置标题的名称。 字体:设置标题的字体。 字号:设置标题的字号。 颜色:设置标题的字体颜色。 字体粗细:设置标题的字体粗细。 数据 name:组件显示的标题名称。 当“nam
样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 跑马灯 全局样式 颜色:单击颜色编辑器设置组件文本的字体颜色。 字号:设置组件文本的字号大小。 字体:设置组件文本的字体。 字体粗细:设置组件文本的字体粗细样式。 轮
顶部:输入数值或单击设置节点与顶部的距离。 背景色:单击颜色编辑器设置节点的背景色。 边框大小:输入数值或拖动,设置组件边框大小。 边框颜色:单击颜色编辑器设置节点的边框颜色。 字体大小:设置节点文本的字体大小。 字体粗细:设置节点文本的字体粗细。 字体颜色:设置节点文本的字体颜色。
自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 父主题: 媒体
热力图 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 背景色:单击颜色编辑器设置图表的背景色。 不透明度:输入数值或拖动设置图表的不透明度。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。
样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 自定义背景组件 全局样式 背景色:单击颜色编辑器设置背景颜色。 背景图:设置组件的背景图片,您可以从本地上传图片素材。 缩放模式:单击下拉选项设置背景图片的缩放模式。可以
水平正负柱图 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 柱子样式 柱子宽度:设置柱子的宽度。 柱子圆角度:设置柱子的圆角度。 系列间距:设置多个系列间的距离。 图2 柱子样式-水平正负柱图
样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 系列间距:设置图表系列之间的间距。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 柱子样式 柱子宽度:设置柱子的宽度。 柱子圆角度:设置柱子的圆角度。 系列间距:设置多个系列间的距离。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。
本章节主要介绍Tab页签组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 Tab页签 全局样式 布局类型:设置页签的布局类型。可选择设置为横向、纵向。 对齐方式:设置页签的对齐方式,可以设置为顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 设置图片标题的字体和字号。 动画 停顿:设置图片停顿显示的时长。 速度:设置图片切换的速度。 特效:设置图片切换的特效,支持水平滚动、垂直滚动。 图片 设置图片使用的缩放模板
图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 柱子样式 柱子宽度:设置柱子的宽度。 柱子圆角度:设置柱子的圆角度。 系列间距:设置多个系列间的距离。 图2 柱子样式-折线柱图 边距 顶部:设置图表与图
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 柱子样式 柱子宽度:设置柱子的宽度。 柱子圆角度:设置柱子的圆角度。 系列间距:设置多个系列间的距离。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。