检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
则需要手动输入返回的数据属性名称来配置映射。 图3 字段映射 自动更新 当自动更新请求被勾选时,会每隔一定时间向后台发送请求更新数据,您可在“更新间隔”处自定义发送请求的时间间隔。 图4 自动更新 父主题: 管理数据连接
显示/隐藏x轴:单击“x轴”右侧的勾选框,表示显示x轴,表示隐藏x轴。 数据类型:坐标轴对应的字段的数据类型,可以选择数值型、类目型、时间型、log型。 分割数:当“数据类型”为“数值型”或“时间型”时,显示标签的数量会根据设置的“分割数”做自适应显示。当“数据类型”配置为其他值时,该配置项不生效。 字号:设置x轴文本的字号大小。
文本 标题 文本 词云 时间器 表格轮播 数字翻牌器 跑马灯 轮播列表柱状图 键值表格 矩形树图 父主题: 组件指南
显示/隐藏x轴:单击“x轴”右侧的勾选框,表示显示x轴,表示隐藏x轴。 数据类型:坐标轴对应的字段的数据类型,可以选择数值型、类目型、时间型、log型。 分割数:当“数据类型”为“数值型”或“时间型”时,显示标签的数量会根据设置的“分割数”做自适应显示。当“数据类型”配置为其他值时,该配置项不生效。 字号:设置x轴文本的字号大小。
边框线:输入数值或拖动,设置表格边框线的粗细和颜色。 列 分割线:设置分割线的粗细和颜色。 第一列:设置第一列的宽度;第一列文本的字体颜色、字体大小、字体类型;对齐方式和背景颜色。 第二列:设置第二列文本的字体颜色、字体大小、字体类型;对齐方式和背景颜色。 图2 列-键值表格 行 分割线:设置分割线的粗细和颜色。
字体颜色:单击颜色编辑器设置组件文本的字体颜色。 背景色:单击颜色编辑器设置组件的背景色。 搜索按钮颜色:单击颜色编辑器设置搜索按钮的颜色。 边框:设置组件边框的宽度、边框颜色和边框类型。边框类型可选择为实线、虚线、点划线。 数据 value:组件在搜索框中默认显示的文本。 数据源类型:选择图表的数据源。系统提供了多
直接拖动图片至“图片”下方的虚线框中。 图片选择后,您也可以进行编辑和删除操作。单击图片区域的可以删除当前图片,单击可以修改当前图片。 缩放模式:单击下拉选项,可以设置图片的缩放模式。可设置为默认、按比例缩放、裁剪缩放、拉伸缩放。 超链接 URL:设置URL后,预览组件和查看发布组件时,单击图片可以跳转到设置的URL页面。
表格会显示滚动条,您可以通过滚动滚轮查看表格数据。 动画类型:单击下拉选项设置动画类型,可设置为翻转、跑马灯、跳动。 时间间隔:输入数值或单击设置表格轮播的时间间隔。 自动换行:勾选时,会对单元格中内容自动换行。未勾选时,单元格内容不会自动换行,当内容过长时仅显示部分内容。 字体:单击下拉选项设置表格文本的字体样式。
器的详细介绍,请参见使用数据转换器。 数据映射:数据格式包含以下字段,请配置各个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 area:区域名称。 num:数据。 img:可选字段,表示图标的自定义样式名称。 单击img字段右侧的按
单击此按钮,可以上传组件。 :单击此按钮,可以查看组件包,页面右侧将展开该组件包的组件列表弹框,显示组件的缩略图、组件名、组件显示名、版本号、状态、创建时间、更新时间。 图8 查看组件包 父主题: 管理组件
字体粗细:轴标签文本的字体粗细。 角度:轴标签文本的倾斜角度。 数据类型:坐标轴对应的字段的数据类型。可以选择数值型、类目型、时间型、log型。 分割数:当“数据类型”为“数值型”或“时间型”时,显示标签的数量会根据设置的“分割数”做自适应显示。当“数据类型”配置为其他值时,该配置项不生效。 颜色:轴线的颜色。
数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 交互 关于组件是
name:节点路径的名称。 value:节点路径的值。value值越大,矩形框所占的面积越大。 children:子节点,包含“name”和“value”两个字段。 name:子节点的名称,子节点的名称会显示在大屏矩形框中。 value:子节点的权重值,value值越大,子节点矩形框所占的面积越大。
文本:设置x轴的文本样式,包括字号、字体颜色、字体粗细、角度。 数据类型:坐标轴对应的字段的数据类型,可以选择数值型、类目型、时间型、log型。 分割数:当“数据类型”为“数值型”或“时间型”时,显示标签的数量会根据设置的“分割数”做自适应显示。当“数据类型”配置为其他值时,该配置项不生效。 颜色:设置x轴的颜色。
url:播放视频的链接地址,以mp4格式结尾,例如http://xxx.mp4(xxx为具体链接地址)。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 交互 关于组件是
数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 交互 关于组件是
数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 交互 关于组件是
轴,表示隐藏y轴。 文本:设置y轴的文本样式,包括字号、字体颜色、字体粗细。 轴标签:设置y轴的显示格式,最大值、最小值和分割数。 轴单位:设置y轴的单位名称和字体颜色。 坐标轴:设置y轴的颜色。 网格线:设置y轴的网格线颜色。 图4 y轴-折线柱图 图例 显示/隐藏图例:单击“
双轴折线柱图 双轴折线柱图支持使用柱状图和线状图分别表示同一个类目下的多个不同系列的值,在一个图表中即可展示每个类目的多个系列之间的数据比较情况以及每个系列的各类目之间的数据变化趋势。 本章节主要介绍双轴折线柱图组件各配置项的含义。 图1 双轴折线柱图 样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。
x轴,表示隐藏x轴。 文本:设置x轴的文本样式,包括字号、字体颜色、字体粗细、角度。 轴标签:设置x轴的显示格式,最大值和最小值。 轴单位:设置y轴的单位名称和字体颜色。 坐标轴:设置x轴的颜色。 网格线:设置x轴的网格线的颜色。 图2 x轴-水平柱状图 y轴 显示/隐藏y轴:单