检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置URL参数交互 您可以通过在大屏的URL中设置hash参数的形式来设置参数值,将参数值传递到动态数据源(主要有API数据源或数据库类型的数据源)中查询相关数据,从而查看hash参数所指定的大屏数据。 设置URL参数交互功能 以下以API数据源和数据库类型的数据源为例,介绍如何实现URL交互功能。
此处可以设置所有系列的“超链接”和“链接方式”,若数据面板中各个系列单独设置了“超链接”和“链接方式”,则以数据面板中的设置优先。 图2 开启链接交互 若在查看大屏点击组件时,需要在超链接中以当前点击的数据作为交互变量的值进行交互,可单击“新建”按钮新建交互变量,并设置交互变量与字段的映射关系。
图3 选择地理搜索组件 在“样式”面板,配置地理搜索的样式,本示例使用默认样式。 图4 配置地理搜索样式 切换到“数据”面板,设置地理搜索组件的数据。 图5 设置地理搜索组件的数据 切换到“交互”面板,定义交互变量,并启用该变量。 图6 定义并启用交互变量 在左侧组件中心,选择“常用图表
极轴 颜色:单击颜色编辑器设置极轴的颜色。 宽度:输入数值或单击设置极轴的宽度。 分割线 颜色:单击颜色编辑器设置分割线的颜色。 线条数量:输入数值或单击设置分割线的线条数量。 线条样式:单击下拉框设置分割线的线条样式。 线条宽度:输入数值或单击设置分割线的线条宽度。 填充颜色
本章节主要介绍轮播列表柱状图组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 轮播列表柱状图 全局样式 字体:设置组件文本的字体样式。 数量:输入数值或单击设置组件中显示文本的行数。 序列号 显示/隐藏序列号:单击“
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 设置图片标题的字体和字号。 动画 停顿:设置图片停顿显示的时长。 速度:设置图片切换的速度。 特效:设置图片切换的特效,支持水平滚动、垂直滚动。 图片 设置图片使用的缩放模板
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 柱子样式 柱子宽度:设置柱子的宽度。 柱子圆角度:设置柱子的圆角度。 系列间距:设置多个系列间的距离。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 Tab列表 全局样式 字体:设置组件文本的字体类型。 行数:输入数值或单击设置显示行数。 列数:输入数值或单击设置显示列数。 选择类型:单击下拉选项设置选择类型,可设置为单选或多选。
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 词云 全局样式 字体:设置组件文本的字体样式。 最大字号:输入数值或拖动,设置组件文字的最大字号。定义数据中value值最大的文本大小。 最小字号:输入数值或拖动,设置组件文字的最小
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 柱子样式 柱子宽度:设置柱子的宽度。 柱子圆角度:设置柱子的圆角度。 系列间距:设置多个系列间的距离。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。
本章节主要介绍区域排行组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 尺寸位置-区域排行 全局样式 字体:设置图表中文字的字体样式。 字号:设置图表中文字的字号大小。 颜色:设置图表中文字的字体颜色。 图标显示:单击“图标
图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 柱子样式 柱子宽度:设置柱子的宽度。 柱子圆角度:设置柱子的圆角度。 系列间距:设置多个系列间的距离。 图2 柱子样式-折线柱图 边距 顶部:设置图表与图
字体:设置文本的字体。 字号:设置文本的字号。 文本间距:设置文本的文本间距 颜色:设置文本的字体颜色。 字体粗细:设置文本的字体粗细。 对齐方式:设置文本的对齐方式,可以设置为左侧、右侧、水平居中。 行高:输入数值或拖动,调整文字的每一行之间的间距。 首行缩进:输入数值或拖动,调整文字的每一行之间的间距。
停留时间:输入数值或单击设置组件播放到一小段时的停留时间。此参数只有在“轮播”为勾选状态时才有效。 左右边距:输入数值或单击设置组件的左右边距。 事件节点 种类:单击下拉选项设置事件节点的种类,可设置为时间型、类目型、数值型。 节点形状:单击下拉选项设置节点形状,可设置为菱形、圆、三角形(上)、三角形(下)、方形、叉。
图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 键值表格 全局样式 自适应:勾选时,表格会自动适应组件图层的高度。 字体:设置组件文本的字体样式。 左右间距:输入数值或拖动,设置表格的左右间距。 上下间距:输入数值或拖动,设置表格的上下间距。
图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 地理搜索 样式 提示文本:组件的提示输入信息。 adcode显示:勾选时将显示地理位置的编码。 字号:设置组件文本的字号大小。 字体粗细:设置组件文本的字体粗细。 字体颜色:设置组件文本的字体颜色。
字号:设置组件文本的字号大小。 字体粗细:设置组件文本的字体粗细。 字体颜色:单击颜色编辑器设置组件文本的字体颜色。 背景色:单击颜色编辑器设置组件的背景色。 搜索按钮颜色:单击颜色编辑器设置搜索按钮的颜色。 边框:设置组件边框的宽度、边框颜色和边框类型。边框类型可选择为实线、虚线、点划线。 数据 value:组件在搜索框中默认显示的文本。
表头行高:输入数值或拖动,设置表头行高。 背景色:单击颜色编辑器设置表头的背景色。 对齐方式:单击下拉选项设置表头文本的对齐方式,可选择为水平居中、左侧、右侧。 字体:单击下拉选项设置表头文本的字体类型。 字体颜色:单击下拉选项设置表头文本的字体颜色。 字号:单击下拉选项设置表头文本的字号大小。
字号:设置标题的字号。 文本间距:设置标题的文本间距 颜色:设置标题的字体颜色。 字体粗细:设置标题的字体粗细。 对齐方式:设置标题的对齐方式,可以设置为左侧、右侧、水平居中。 数据 上图中的示例数据如下: [ { "value": "Title", "href":
iFrame 本章节主要介绍iFrame组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 iFrame 数据 url:iframe组件的链接地址。 数据源类型:选择图表的数据源。系统提供了多种数据