检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击s字段后方的,增加数据系列。 配置数据系列 单击数据系列前方的,在展开的页面中配置数据系列的如下样式。 系列名:设置数据系列的名称。 样式:设置数据系列的坐标点形状,可以选择圆形、矩形、三角形等。 颜色:设置数据系列的曲线颜色。 宽度:设置数据系列的曲线宽度。 不透明:设置数据系列填充色的透明度。
如何配置交互功能? 交互功能可以实现图表联动,通过组件之间参数的传递来实现,单击某一个图表,另外一个图表的数据可以进行相应的变化。 例如,开启地理搜索组件的交互功能,并设置字段name映射为area,如图1所示: 图1 配置字段映射(示例) 那么就可以在其他的组件中将name当做
时间选择器 本章节主要介绍时间选择器组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间选择器 全局样式 背景色:单击颜色编辑器设置组件的背景色。 圆角:单击设置组件的圆角度。值越大,圆角度越明显。最小值为0%,最大值为50%。
的“数据”面板。 在“数据”面板中,设置“数据源类型”为“API”。 在编辑区域中输入完整的URL地址。 当“由服务器发起请求(仅支持HTTPS)”设为关闭时,由DLV页面直接发送Ajax请求访问URL。这种使用方式存在跨域问题。 当“由服务器发起请求(仅支持HTTPS)”设为开
的“value”值。 字号:设置组件文本的字号大小。 字体粗细:设置组件文本的字体粗细。 字体颜色:单击颜色编辑器设置组件文本的字体颜色。 背景色:单击颜色编辑器设置组件的背景色。 搜索按钮颜色:单击颜色编辑器设置搜索按钮的颜色。 边框:设置组件边框的宽度、边框颜色和边框类型。边框类型可选择为实线、虚线、点划线。
如何配置CSV数据来源? CSV文件的第一行为表头,文件的每一行都是一个数据记录,每个记录由一个或多个字段组成,用逗号分隔。在配置数据源的时候,保留CSV的首行作为表头,并且每一个列的列名需要和相应图表中要求的数据结构的字段名保持一致。
表头行高:输入数值或拖动,设置表头行高。 背景色:单击颜色编辑器设置表头的背景色。 对齐方式:单击下拉选项设置表头文本的对齐方式,可选择为水平居中、左侧、右侧。 字体:单击下拉选项设置表头文本的字体类型。 字体颜色:单击下拉选项设置表头文本的字体颜色。 字号:单击下拉选项设置表头文本的字号大小。
WT线图 本章节主要介绍WT线图组件各配置项的含义。 样式 WT线图和线状图的样式配置相似,请参考样式配置WT线图的样式。 数据 WT线图和WT柱图的数据配置相似,请参考数据配置WT线图的数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 父主题: 线状图类
本章节主要介绍WT雷达图组件各配置项的含义。 样式 WT雷达图和雷达图的样式配置相似,请参考样式配置WT雷达图的样式。 数据 WT雷达图和WT柱图的数据配置相似,请参考数据配置WT雷达图的数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 父主题: 其他常用图表
本章节主要介绍WT折线柱图组件各配置项的含义。 样式 WT折线柱图和折线柱图的样式配置相似,请参考样式配置WT折线柱图的样式。 数据 WT折线柱图和WT柱图的数据配置相似,请参考数据配置WT折线柱图的数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 父主题:
本章节主要介绍WT水平柱图组件各配置项的含义。 样式 WT水平柱图和水平柱状图的样式配置相似,请参考样式配置WT水平柱图的样式。 数据 WT水平柱图和WT柱图的数据配置相似,请参考数据配置WT水平柱图的数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 父主题:
本章节主要介绍WT散点图组件各配置项的含义。 样式 WT散点图和散点图的样式配置相似,请参考样式配置WT散点图的样式。 数据 WT散点图和WT柱图的数据配置相似,请参考数据配置WT散点图的数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 父主题: 散点图类
已将相应的数据存储在数据库实例中。 添加和配置组件 打开大屏开发页面,在左侧组件中心,选择“交互 > 地理搜索”。 图3 选择地理搜索组件 在“样式”面板,配置地理搜索的样式,本示例使用默认样式。 图4 配置地理搜索样式 切换到“数据”面板,设置地理搜索组件的数据。 图5 设置地理搜索组件的数据 切
对齐方式:设置标题的对齐方式,可以设置为顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。 标题名:设置标题的名称。 字体:设置标题的字体。 字号:设置标题的字号。 颜色:设置标题的字体颜色。 字体粗细:设置标题的字体粗细。 数据 name:组件显示的标题名称。 当“nam
本章节主要介绍WT水平叠加柱状图组件各配置项的含义。 样式 WT水平叠加柱状图和水平叠加柱状图的样式配置相似,请参考样式配置WT水平叠加柱状图的样式。 数据 WT水平叠加柱状图和WT柱图的数据配置相似,请参考数据配置WT水平叠加柱状图的数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
字标签。 字体:设置标签的字体。 字号:设置标签的字号。 颜色:设置标签的字体颜色。 字体粗细:设置标签的字体粗细。 位置:设置标签的位置。 连接线 颜色:设置连接线的颜色 粗细:设置连接线的粗细程度。 长度:设置连接线的长度。 类型:设置连接线的类型,可以设置为实线、虚线、点划线。
设置URL参数交互 您可以通过在大屏的URL中设置hash参数的形式来设置参数值,将参数值传递到动态数据源(主要有API数据源或数据库类型的数据源)中查询相关数据,从而查看hash参数所指定的大屏数据。 设置URL参数交互功能 以下以API数据源和数据库类型的数据源为例,介绍如何实现URL交互功能。
本章节主要介绍跑马灯组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 跑马灯 全局样式 颜色:单击颜色编辑器设置组件文本的字体颜色。 字号:设置组件文本的字号大小。 字体:设置组件文本的字体。 字体粗细:设置组件文本的字体粗细样式。
击Title可以新建一个窗口。 文本样式 字体:设置标题的字体。 字号:设置标题的字号。 文本间距:设置标题的文本间距 颜色:设置标题的字体颜色。 字体粗细:设置标题的字体粗细。 对齐方式:设置标题的对齐方式,可以设置为左侧、右侧、水平居中。 数据 上图中的示例数据如下: [
时间器 本章节主要介绍时间器组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间器 图标样式 字号:设置组件时间图标的字号大小。 颜色:设置组件时间图标的颜色。 右边距:输入数值或拖动,调整组件时间图标的右边距。