检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图标 图标是装饰组件的一种,用于为可视化应用添加多种类型的图标元素,能够使可视化应用展示更加美观。 以图标1为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“图标1”组件至画布空白区域,如图1。 图1 图标1 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理
进度条背景色:设置进度条的背景颜色。 图标进度条:是否显示进度条图标。 图标样式:自定义图标样式。建议选择JPG、JPEG、PNG或GIF格式的图片,且每张图片的大小不能超过50MB。 图标宽:设置图标的宽度。 图标高:设置图标的高度。 图标位置:设置图标的显示位置,如进度条上方、进度条下方。
参考设置项目锁中操作,获取项目锁。 在左侧导航栏中,选择“通用”。 设置网页的图标等,单击“保存”。 图1 通用设置 开启页面加载动画:勾选后,预览或打开页面时,将会显示加载动画。 网页图标:设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、pjpeg、jpeg
字符,可包括中文、字母、数字及下划线。 类型:选择连接器类型,便于管理连接器。单击“新建类型”,可自定义连接器类型。 上传图标:单击,可设置连接器显示的图标。 描述:新建连接器的描述信息,可按需进行设置。 请求协议:设置连接器请求协议。 域名:请求的Host地址,不需要带上“ht
选中多个组件后,单击右侧配置面板的对齐或分布图标。支持左、水平居中、右、顶、垂直居中、底等多种对齐方式,以及水平和垂直的自动分布方式。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,选择所需的组件,单击下图红框中图标,进行组件对齐。 图1 组件对齐
在桥接器更新页面,上传新的桥接器、设置桥接器参数,单击“更新”。 图5 设置桥接器信息 将鼠标放在对应的桥接器上,单击,可查看到桥接器的新版本。 :单击该图标,可下载当前版本桥接器。 :单击该图标,可在线编辑该版本桥接器。 编辑桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。
在库更新页面,上传新的库、设置库参数,单击“更新”。 图5 设置库信息 将鼠标放在对应的库上,单击,可查看到新版本的库。 :单击该图标,可下载当前版本库。 :单击该图标,可在线编辑该版本库。 编辑库 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。
标签避让:开启后,地图中重叠的图标会避让。 图层样式 显示类型:设置图标的显示类型,支持均分显示和区间显示。 图标图片:“显示类型”设置为“均分显示”时,会根据图标图片的数量,将图标值从最小值到最大值的范围进行均分,落在不同范围的值,将显示对应的图标。“显示类型”设置为“区间显示
vas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待发布的页面上,单击,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。
单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。
AstroCanvas预置了一套漂亮的天气图标,用于在天气组件上使用图标展示天气状况,并用字段“icon”表示今日天气图标,“iconDay”表示未来日期的天气图标。例如取值为“100”,表示晴天,界面会展示天气图标;取值为“307”,表示大雨,界面会展示天气图标。取值和天气的对应关系请参见表1。 表1 图标字段“
示”、“图标色”和“图标选中色”。 图4 列显示效果 表格导出:是否开启表格导出功能。开启表格导出后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 下载数据无父子集关系。 悬浮显示:开启悬浮显示后,鼠标移动到表格组件上时,才会显示对应的按钮。 图标色:设置按钮的图标颜色。
自定义分类:支持平台预置分类和用户自定义分类。 预置分类 预置分类为AstroCanvas预置的分类,包含的图标和名称如下所示: 表1 预置分类包含的图标和名称 name 分类 图标关键字 图标 说明 card 卡片-自定义 card - configuration 配置-自定义 configuration
字体大小:设置数字后缀的字体大小。 趋势图标:设置趋势的图标,可以自定义,也可以使用默认。 图标宽:设置趋势图标的宽度。 图标高:设置趋势图标的高度。 次要趋势排布:设置次要趋势的排布方式,如垂直、水平。 趋势位置:次要趋势显示的位置。 趋势图标位置:次要趋势相对于数字的位置。 同比
的柱子、折线图的线条、拐点等。 图4 图形 步骤条方向:步骤条显示方向,可以设置为水平方向或垂直方向。 步骤图标尺寸:步骤图标的尺寸,单位为px。 步骤图标背景:步骤图标的背景色。 完成状态:步骤已完成状态的颜色。 进行中状态:步骤进行中状态的颜色。 等待状态:步骤还未完成处于等待状态的颜色。
置“悬浮显示”、“图标色”和“图标选中色”。 图4 列显示效果 表格导出:是否开启表格导出功能。开启表格导出后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 悬浮显示:开启后,鼠标移动到表格组件上时,才会显示对应的按钮。 图标色:设置按钮的图标颜色。 图标选中色:设置选中按钮时,按钮图标的颜色。
示”、“图标色”和“图标选中色”。 图4 列显示效果 表格导出:是否开启表格导出功能。开启表格导出后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 图5 导出开启效果 悬浮显示:开启后,鼠标移动到表格组件上时,才会显示对应的按钮。 图标色:设置按钮的图标颜色。 图标选中色:设置选中按钮时,按钮图标的颜色。
装饰 背景框 分割线 图标 背景图 装饰图案 父主题: 组件介绍
单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。
显示数字:是否显示数字。 数字字体:“显示数字”开关打开后,设置数字字体、数字文字大小、数字文字粗细和数字文字颜色。 显示趋势:图表中是否显示趋势图标。 趋势图标大小:趋势图标的大小。 上升趋势数字字体:设置上升趋势数字的字体、大小和颜色等。 持平趋势数字字体:设置持平趋势数字的字体、大小和颜色等。