检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件开发包文件介绍 Index.js规范 gui.json规范 UI类型介绍
显示格式:设置坐标轴刻度值的显示格式。 最小值:坐标轴的最小值。可以输入一个数值,或者在下拉列表中选择一个选项。当设置为“数据最小值”时,坐标轴的起始值显示为当前数据中的最小值。 最大值:坐标轴的最大值。可以输入一个数值,或者在下拉列表中选择一个选项。当设置为“数据最大值”时,坐标轴的最大值为当前数据中的最大值。
显示格式:设置坐标轴刻度值的显示格式。 最小值:坐标轴的最小值。可以输入一个数值,或者在下拉列表中选择一个选项。当设置为“数据最小值”时,坐标轴的起始值显示为当前数据中的最小值。 最大值:坐标轴的最大值。可以输入一个数值,或者在下拉列表中选择一个选项。当设置为“数据最大值”时,坐标轴的最大值为当前数据中的最大值。
显示格式:设置坐标轴刻度值的显示格式。 最小值:坐标轴的最小值。可以输入一个数值,或者在下拉列表中选择一个选项。当设置为“数据最小值”时,坐标轴的起始值显示为当前数据中的最小值。 最大值:坐标轴的最大值。可以输入一个数值,或者在下拉列表中选择一个选项。当设置为“数据最大值”时,坐标轴的最大值为当前数据中的最大值。
图表位置:设置图表在画布中的位置。单位为px。 图1 尺寸位置-扫描雷达 全局样式 字体:设置图表中文字的字体。 半径:输入数值或通过拖动设置半径大小。 值标签:设置图表中文字的文本样式,包括字号大小、字体颜色、字体粗细样式。 极轴 颜色:单击颜色编辑器设置极轴的颜色。 宽度:输入数值或单击设置极轴的宽度。
图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 尺寸位置-饼状图 全局样式 字体:设置图表中文字的字体。 标签属性 显示/隐藏标签属性:单击“标签属性”右侧的勾选框,表示显示标签属性,表示隐藏标签属性。 标签距中间:设置标签值和中间位置的距离。
图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 尺寸位置-雷达图 全局样式 字体:设置图表中文字的字体。 形状:设置图表中图像的形状,可设置为圆或多边形。 值标签 显示/隐藏值标签属性:单击“标签属性”右侧的勾选框,表示显示值标签,表示隐藏值标签。
样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 仪表盘 全局样式 设置仪表盘中文字的字体、仪表盘大小、分割数。 标题 设置仪表盘中标题的字号、字体粗细、字体颜色。 轴属性 轴线:设置轴线的粗细。 轴刻度:设置轴刻度的长度、粗细、颜色。
在画布中,添加组件后,可以选中多个组件,单击画布上方的排列布局区的按钮对组件进行排列。 图4 排列布局 组件坐标辅助线 在组件的左上角和右下角,会显示坐标辅助线以及组件的坐标位置。 图5 组件坐标辅助线 辅助线 添加辅助线: 当画布左上角的按钮显示为状态时,将鼠标移至画布顶端或左侧的标尺处,
角度:轴标签文本的倾斜角度。 坐标轴:显示或隐藏坐标轴。 颜色:轴线的颜色。 网格线:显示或隐藏网格线。 颜色:网格线的颜色。 图2 x轴 y轴:显示或隐藏y轴。显示时,可以设置y轴的样式。 y轴的配置项与x轴相似,请参考•x坐标:显示或隐藏x坐标。显示时,可以设置x坐...的相关描述。
10-20200331版本 新增功能 新增疫情大屏模板。 新增Tab页签组件,可实现对内容隐藏。 新增7个组件:旭日图、桑基图、径向树图、弧长链接图、树图、极坐标弧长链接图、多选下拉交互组件。 数据源支持云数据库 GeminiDB for InfluxDB。 V1.3.9-20200230版本 新增功能
标之上,单击左下角的大屏名称,单击之后对大屏名称进行修改。 图1 修改大屏名称 输入大屏名称。 名称只能包含字母、数字、下划线、中划线、中文字符,且长度不能超过32字符。 重新输入名称完成后,将鼠标从大屏名称处移开,再次单击鼠标后,大屏名称修改成功后页面会弹出提示“更新大屏‘所修改的大屏名称’名称成功。”。
勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果 单击“更新查询”,可以在数据源变更时手动更新组件数据。“预览结果”,显示选择的数据源的数据信息。 数据请求超时时间为60s, 请确保在网络延迟、SQL执行效率等因素影响下,数据请求可以在60s内返回结果。 数据转换器
字体:设置组件文本的字体样式。 最大字号:输入数值或拖动,设置组件文字的最大字号。定义数据中value值最大的文本大小。 最小字号:输入数值或拖动,设置组件文字的最小字号。定义数据中value值最小的文本大小。 间距:输入数值或拖动,调整组件文字的每一行之间的间距。 数据 name:组件显示在大屏中的文本内容。
连接DLI前,需要满足以下条件: 已创建好DLI的数据库和资源队列。 新建DLI数据源连接 登录DLV管理控制台。 在“我的数据”页面,单击页面最上方的工作空间下拉列表并选择所需访问的工作空间,然后单击“新建数据连接”。 图1 新建连接 在“新建数据连接”窗口中,选择数据源类型“数据湖探索 DLI”,然后配置相关参数。
宽度:输入数值或拖动设置映射时的宽度。 高度:输入数值或拖动设置映射时的高度。 左侧:输入数值或拖动设置映射时左侧的位置。 底部:输入数值或拖动设置映射时底部的位置。 文字:设置映射时文字的颜色和字号。 图2 视觉映射-玫瑰图 数据 如何使用组件的数据配置,请参照设置组件数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
在“我的大屏”页面,单击“新建大屏”。 在新建大屏页面,从左侧的场景模板中选择一个模板,例如,选择空白模板。然后输入大屏名称。 大屏名称:只能包含字母、数字、下划线、中划线、中文字符,且长度不超过32个字符。 图1 选择模板 单击“创建大屏”。大屏创建成功后,自动跳转至大屏开发页面。 进入大屏开发页面后,在左侧的组件
内部距离:设置水位图和外框的内部距离。 文字 字体:设置图表中文字的字体。 颜色:设置图表中文字的字体颜色。 内部颜色:设置文字在水位图中的颜色。 字号:设置图表中文字的字号大小。 字体粗细:设置图表中文字的字体粗细样式。 相对位置:设置文字相对于水位图的相对位置。可以选择为顶部、垂直居中或底部。
字体粗细:设置文本的字体粗细。 对齐方式:设置文本的对齐方式,可以设置为左侧、右侧、水平居中。 行高:输入数值或拖动,调整文字的每一行之间的间距。 首行缩进:输入数值或拖动,调整文字的每一行之间的间距。 数据 value:大屏中显示的文本。 数据源类型:选择图表的数据源。系统提供了多种数据源