检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
时间选择器 本章节主要介绍时间选择器组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间选择器 全局样式 背景色:单击颜色编辑器设置组件的背景色。 圆角:单击设置组件的圆角度。值越大,圆角度越明显。最小值为0%,最大值为50%。
时间轴 本章节主要介绍时间轴组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间轴 全局样式 字体:设置组件文本的字体类型。 轮播:勾选时,组件会进行轮播。 时间间隔:输入数值或单击设置轮播时的
时间器 本章节主要介绍时间器组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间器 图标样式 字号:设置组件时间图标的字号大小。 颜色:设置组件时间图标的颜色。 右边距:输入数值或拖动,调整组件时间图标的右边距。
数量:输入数值或单击设置组件中显示文本的行数。 序列号 显示/隐藏序列号:单击“序列号”右侧的勾选框,表示显示序列号,表示隐藏序列号。 文本:设置序列号的文本样式,包括字号、颜色和字体粗细。 列宽占比(%):输入数值或拖动,设置序列号这一列的宽度。 内容 文本:设置组件文本的样式,包括字号、颜色和字体粗细。
偶行背景色:单击颜色编辑器设置偶行表格的背景色。 序列号 显示/隐藏序列号:单击“序列号”右侧的勾选框,表示显示序列号,表示隐藏序列号。 背景色:单击颜色编辑器设置背景色。 圆角:输入数值或单击设置圆角度。 列宽占比(%):输入数值或拖动,设置序列号这一列的宽度。 半径:输入数值或拖动,设置半径大小。
点击的数据作为交互变量的值进行交互,可单击“新建”按钮新建交互变量,并设置交互变量与字段的映射关系。 例如,在本示例中,新建如图3所示的交互变量,在查看大屏时若点击组件中的某一数据,该数据对应的area字段的值和series字段的值将会分别传递给超链接中的变量area和table
配置地理搜索样式 切换到“数据”面板,设置地理搜索组件的数据。 图3 设置地理搜索组件的数据 切换到“交互”面板,定义交互变量,并启用该变量。 图4 定义并启用交互变量 在左侧组件中心,选择“常用图表 > 柱状图”。 图5 选择柱状图组件 在“样式”面板,配置柱状图组件的样式,本示例使用默认样式。
配置地理搜索样式 切换到“数据”面板,设置地理搜索组件的数据。 图5 设置地理搜索组件的数据 切换到“交互”面板,定义交互变量,并启用该变量。 图6 定义并启用交互变量 在左侧组件中心,选择“常用图表 > 柱状图”。 图7 选择柱状图组件 在“样式”面板,配置柱状图组件的样式,本示例使用默认样式。
getBytes()); 将参数id(即变量shareID )、dlv_time(即变量time)和app_id(即变量appId)连接起来并用竖线(|)分隔,作为生成签名的data。 在开放管理页面中,获取应用的密钥,在应用程序代码中定义为变量token。 有关获取AppKey和密
世界地图(2019) x x √ 交互功能 回调变量 √ √ √ 回调自定义变量 x √ √ 基础交互组件:全屏、iframe、搜索、时间轴、tab列表、地理搜索 x √ √ 高级交互组件:Tab页签、勾选框、多选下拉框、纵向时间轴 x x √ 操作权限 置顶、置底、上移一层、下移一层、拷贝、删除、对齐、分布
例如,开启地理搜索组件的交互功能,并设置字段name映射为area,如图1所示: 图1 配置字段映射(示例) 那么就可以在其他的组件中将name当做变量输入,格式为${name},如图2所示: 图2 引用参数(示例)
然后配置数据源,添加URL交互变量,格式为“${交互变量名}”。 用户可根据业务需求添加URL交互变量,以下是一些简单的示例,可供参考: API数据源,使用URL交互变量,URL配置示例如下: 示例1:在API数据源的URL中使用一个URL交互变量。 https://api.test
“我的大屏”页面支持以下三种排序方式。 按名称排序:对大屏名称按字母升序进行排序。 按创建时间排序:对大屏按照创建时间的降序进行排序,最新创建的大屏排在最前面。 按修改时间排序:对大屏按照修改时间的降序进行排序,最近修改的大屏排在最前面。 父主题: 管理大屏
图表位置:设置图表在画布中的位置。单位为px。 图1 文本 全局样式 溢出滚动:勾选后,如果文本溢出,会自动滚动播放。 滚动时间:输入数值或单击,设置文本滚动的时间。只有当勾选了溢出滚动后,此配置项才生效 文本样式 字体:设置文本的字体。 字号:设置文本的字号。 文本间距:设置文本的文本间距
增加散点图、线状图、气泡图及对应宽表的X轴时间格式控制 基础平面地图子组件增加悬浮文本框,动画效果展示 地理搜索组件增加下拉三角颜色配置和结果样式的初始化赋值 图片组件支持直接从url地址获取图片 优化功能 组件交互内容优化:一个组件可以引用多个交互组件的变量 修复缺陷 修复表格轮播组件,在
{ "id": "3", "label": "Tab3" } ] id:Tab选项卡的标签id。初始化值配置项需要使用此变量的值,来定义选中的Tab标签。 label:Tab选项卡显示的标签文本。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
"date": "周六", "weather": "多云转阴 东南风3-4级 30 ~ 18°C" } ] 数据转换示例2(当返回多系列(series )数据时,转换为仅显示series为‘搜索’的所有数据项) 代码 return data.filter(it => it
组件。 图6 素材类型组件 交互 交互类型的组件包括全屏、iFrame、搜索、时间轴、Tab列表、Tab页签、地理搜索、勾选框、多选下拉框、纵向时间轴。 图7 交互类型组件 其他 其他类型的组件包括时间选择器、仪表盘、漏斗图。 图8 其他组件 父主题: 管理组件
交互 全屏 iFrame 搜索 时间轴 Tab列表 Tab页签 地理搜索 父主题: 组件指南
文本 标题 文本 词云 时间器 表格轮播 数字翻牌器 跑马灯 轮播列表柱状图 键值表格 矩形树图 父主题: 组件指南