检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
本章节主要介绍全屏组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 全屏 全局样式 全屏显示:设置全屏显示的按钮图标,用户可以从本地上传图标素材。 退出全屏:设置退出全屏的按钮图标,用户可以从本地上传图标素材。
删除组件 本章节介绍如何删除画布中的组件,删除后的组件将无法恢复,请谨慎操作。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“删除”,或在图层区右键单击选中某一个组件,选择“删除”
本章节主要介绍边框组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 边框 样式 设置边框的样式,系统已预置多种样式供用户选择。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
颜色:单击颜色编辑器设置极轴的颜色。 宽度:输入数值或单击设置极轴的宽度。 分割线 颜色:单击颜色编辑器设置分割线的颜色。 线条数量:输入数值或单击设置分割线的线条数量。 线条样式:单击下拉框设置分割线的线条样式。 线条宽度:输入数值或单击设置分割线的线条宽度。 填充颜色 颜色:单击颜色编辑器修改各区域的颜色。
可设置动画一次播放的时间,时间单位为毫秒。 图2 内容-轮播列表柱状图 柱子样式 背景:设置柱子的背景颜色。 颜色:单击颜色编辑器设置柱子的颜色。 高度:输入数值或单击设置柱子的高度。 流光 颜色:单击颜色编辑器设置流光的颜色。 长度:流光的长度。 高度:流光的高度。 值标签:显
本章节主要介绍时间选择器组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间选择器 全局样式 背景色:单击颜色编辑器设置组件的背景色。 圆角:单击设置组件的圆角度。值越大,圆角度越明显。最小值为0%,最大值为50%。
拷贝组件 本章节介绍如何拷贝画布中的组件,拷贝后的组件包含原组件的样式、数据、交互配置信息。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“拷贝”,或在图层区右键单击选中某一个组件,选择“拷贝”
e2 在浏览器中或在应用程序代码中,访问添加hash参数后的大屏URL,即可访问参数所指定的大屏数据。 通过上一个步骤示例中的URL访问大屏,在页面打开时,大屏组件的交互变量var的值会设置为value,交互变量var2的值会设置为value2。 父主题: 管理组件
颜色:设置剩余百分比部分的扇形颜色。 标题 显示/隐藏标题:单击“标题”右侧的勾选框,表示显示标题,表示隐藏标题。 标题名:您可以自定义标题名内容。 字号:设置标题的字号。 颜色:设置标题的颜色。 字体粗细:设置标题的字体粗细样式。 字体:设置标题的字体。 扇形颜色 颜色:设置百分比所占部分的扇形颜色。
交互功能可以实现图表联动,通过组件之间参数的传递来实现,单击某一个图表,另外一个图表的数据可以进行相应的变化。 例如,开启地理搜索组件的交互功能,并设置字段name映射为area,如图1所示: 图1 配置字段映射(示例) 那么就可以在其他的组件中将name当做变量输入,格式为${name},如图2所示:
本章节主要介绍仪表盘组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 仪表盘 全局样式 设置仪表盘中文字的字体、仪表盘大小、分割数。 标题 设置仪表盘中标题的字号、字体粗细、字体颜色。 轴属性 轴线:设置轴线的粗细。 轴刻度:设置轴刻度的长度、粗细、颜色。
本章节主要介绍WT双轴折线柱图组件各配置项的含义。 图1 WT双轴折线柱图 样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。 图表位置:图表在画布中的位置。单位均为px。 全局样式 字体:组件中文本的字体。 柱子样式 柱子宽度:柱子的宽度。 柱子圆角度:柱子的圆角度。 系列间距:两个相邻的系列之间的距离。 边距
在区域“1”的代码编辑区中编写js代码。 在区域“2”的原始数据区输入需要处理的数据。系统会将原始数据传入代码编辑器的“data”中进行编译。 单击代码编辑区的图标运行代码。会在区域“3”的转换数据区显示转换后的结果数据。 单击代码编辑区的图标将代码保存在转换器中。 图2 数据转换器编辑 将数据转换器与组件进行关联。
文本样式 字体:设置文本的字体。 字号:设置文本的字号。 文本间距:设置文本的文本间距 颜色:设置文本的字体颜色。 字体粗细:设置文本的字体粗细。 对齐方式:设置文本的对齐方式,可以设置为左侧、右侧、水平居中。 行高:输入数值或拖动,调整文字的每一行之间的间距。 首行缩进:输入数值或拖动,调整文字的每一行之间的间距。
本章节主要介绍FLV视频流播放器组件各配置项的含义。 图1 FLV视频流播放器 样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。 图表位置:图表在画布中的位置。单位均为px。 音量调节:视频音量调节。 数据 图2 FLV视频流播放器-数据 url:FLV视频流的公网地址,格式为https://域名/目录/文件名
本章节以Tab列表和线状图配合使用为例,介绍组件的交互配置。在DLV中组件交互配置是指某个组件在响应用户操作或者自动触发更新时,向其他组件传递参数,这个参数可以在其他组件中作为数据查询时的动态变量。当组件的“交互”页签支持勾选开启交互功能的事件及参数配置时表示该组件支持交互功能,否则不支持交互功能。
DLV支持API方式连接企业数据源吗? 目前DLV支持以API的方式连接外部数据源:在组件的数据配置里选择API数据源,并填入要连接的URL,即可与对端建立连接从而获取数据。如果遇到跨域问题,请在对端设置头信息Access-Control-Allow-Origin,放通权限。
建一个窗口。 文本样式 字体:设置标题的字体。 字号:设置标题的字号。 文本间距:设置标题的文本间距 颜色:设置标题的字体颜色。 字体粗细:设置标题的字体粗细。 对齐方式:设置标题的对齐方式,可以设置为左侧、右侧、水平居中。 数据 上图中的示例数据如下: [ { "value":