检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
节点默认样式:设置节点默认样式的颜色。 节点选中样式:设置选中节点时的颜色。 节点大小:设置节点的大小。 数据 在数据中,设置时间轴组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置时间轴组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 文本
边框聚焦颜色:鼠标选中下拉框时,边框的颜色。 边框悬浮颜色:鼠标悬浮在下拉框上时,边框的颜色。 占位符:没有输入内容时,展示的文字内容。 是否禁用:是否禁用该下拉框,禁用后,用户不可选择内容。 是否可输入:禁用后,只能在下拉框中选择,无法输入查找。 图5 是否可输入设置后效果 下拉弹出框设置 最大高度:设置下拉弹出框的最大高度。
全局变量可以理解为参数变量,用于控制组件之间参数的传递,从而达到交互的目的,例如图表联动、自定义字段等功能。如何使用全局变量,可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量,实现组件数据的动态变化。本示例不做配置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。
页面间交互 操作场景 页面间交互是指在不同页面中,进行的相互跳转动作。可跳转同一项目中的任一页面,或跳转外部页面。在跳转项目内部页面时,用户可设置跳转携带相关参数。 同项目不同页面之间的跳转 当项目场景较多,一屏无法完全涵盖所有内容或需要额外查询时,为了性能考虑,通常会采取传递参
信息。 特征标记:设置提示框显示的内容,可以是系列名和数据值、也可以是其中的一种。 数据 在数据中,设置词云的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置词云与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 文本
时间背景色:日期弹出框内,时间的背景色。 时间的字体颜色:日期弹出框内,时间的字体颜色。 数据 在数据中,设置日期选择器组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置时间选择器组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 文本
标签字数过多换行”或“标签字数过多省略”时,才需要配置。 网格线:是否显示网格线。 轴起始值:设置Y轴的起始数值。为了方便数据展示,输入为接入数据最大值时,图表Y轴起始值为最大值的一半。 左Y轴单位:设置左侧Y轴的单位。 标签展示:设置Y轴标签的展示样式,如默认或计数单位。 参考线
前月后月的日期颜色:时间弹出框中,上个月日期和下个月日期的日期颜色。 图9 前月后月的日期颜色 数据 在数据中,设置时间选择器组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置时间选择器组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 文本
是否显示:是否显示未来几天的日期。 字体:未来几天日期的字体、大小和颜色等设置。 数据 在数据中,设置天气组件的数据来源,更多介绍请参见数据接入。 图6 设置天气组件数据源 图7 选择桥接器预置-静态数据 静态数据中,“dataNow”对应今日天气,“dataForecast”对应未来几天天气预报。
最小间隔:坐标轴最小间隔大小。 标签旋转:标签旋转角度。 网格线:是否显示网格线。 轴起始值:设置Y轴的起始值。为方便数据展示,输入为接入数据最大值时,图表Y轴起始值为最大值的一半。 左Y轴单位:设置左侧Y轴的单位。 轴最大值:是否设置轴最大值,支持直接输入阈值。 反转:是否对轴数据进行反转。
接口鉴权方式:设置接口的鉴权方式,支持无身份认证和基本身份认证(用户名/密码)两种。 无身份认证:不需要任何验证信息,直接调用的接口,通常用于访问一些公开的接口。 基本身份认证(用户名/密码):通过输入用户名和密码,来进行用户身份验证。 用户名:“基本身份认证”鉴权中的用户名部分。“
最小间隔:坐标轴最小间隔大小。 标签旋转:标签旋转角度。 网格线:是否显示网格线。 轴起始值:设置Y轴的起始值。为方便数据展示,输入为接入数据最大值时,图表Y轴起始值为最大值的一半。 左Y轴单位:设置左侧Y轴的单位。 轴最大值:是否设置轴最大值,支持直接输入阈值。 反转:是否对轴数据进行反转。
最小间隔:坐标轴最小间隔大小。 标签旋转:标签旋转角度。 网格线:是否显示网格线。 轴起始值:设置Y轴的起始值。为方便数据展示,输入为接入数据最大值时,图表Y轴起始值为最大值的一半。 左Y轴单位:设置左侧Y轴的单位。 轴最大值:是否设置左轴的最大值。 图11 轴最大值设置后效果
删除组件 创建分组 自定义组件说明 echarts组件自定义事件交互设置 echarts组件自定义动作交互设置 如何使用高级表格的后台分页功能 如何使用高级表格的后台排序功能 如何使用高级表格的后台筛选功能
边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置水位图组件的数据来源,更多介绍请参见数据接入 交互 在交互中,配置水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 图表
刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 最小间隔:坐标轴最小间隔大小。 网格线:是否显示网格线。 轴起始值:设置Y轴的起始数值。为方便数据展示,输入为接入数据最大值时,图表Y轴起始值为最大值的一半。 左Y轴单位:设置左侧Y轴的单位。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线
提示信息,如图8。 特征标记:提示框内容格式,如系列名、数据值、百分比。 数据 在数据中,设置基本漏斗图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置基本漏斗图组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 图表
图标高:设置图标的高度。 图标位置:设置图标的显示位置,如进度条上方、进度条下方。 数据 在数据中,设置图标进度条组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置图标进度条组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 图表
边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,支持单色、渐变色。 数据 在数据中,设置矩形水位图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置矩形水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 图表
件前,请仔细阅读自定义组件开发规范章节内容,了解组件的开发规范。下面以开发网站中常用的柱状图(vue2+Echarts)组件为例,向您介绍如何开发自定义组件。 本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts,请提前了解。 图1 最终呈现效果 开发自定义组件 下载图表模板。