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