检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图标 图标是装饰组件的一种,用于为可视化应用添加多种类型的图标元素,能够使可视化应用展示更加美观。 以图标1为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“图标1”组件至画布空白区域,如图1。 图1 图标1 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理
参考设置项目锁中操作,获取项目锁。 在左侧导航栏中,选择“通用”。 设置网页的图标等,单击“保存”。 图1 通用设置 开启页面加载动画:勾选后,预览或打开页面时,将会显示加载动画。 网页图标:设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、p
图标高:设置图标的高度。 图标位置:设置图标的显示位置,如进度条上方、进度条下方。 数据 在数据中,设置图标进度条组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置图标进度条组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 图表
组件设置 在组件设置中,查看并管理当前项目中已引用到的所有组件。 组件设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。
区域范围外的图标将不显示。 上下偏移:设置标签根据点经纬度的上下偏移。 左右偏移:设置标签根据点经纬度的左右偏移。 标签图标 标签图标:是否显示标签图标。 显示类型: 标签图标的显示类型,支持均分显示和区间显示。 图标图片:“显示类型”设置为“均分显示”时,会根据图标图片的数量,
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。
开启“列显示/隐藏”后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 图4 列显示效果 表格导出:是否开启表格导出功能。开启表格导出后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 悬浮显示:开启悬浮显示后,鼠标移动到表格组件上时,才会显示对应的按钮。 图标色:设置按钮的图标颜色。
”时,才显示该配置。 图标高:设置图标的高度。“趋势图标”设置为“自定义”时,才显示该配置。 图标尺寸:设置图标的尺寸。“趋势图标”设置为“默认”时,才显示该配置。 图标位置:设置图标的显示位置,如右方、左方。 上升趋势图标颜色:设置上升趋势图标的颜色。“趋势图标”设置为“默认”时,才显示该配置。
指示器名称与指示器轴的距离:设置指示器名称与指示器轴之间的距离。 轴分割段数:设置轴分割段数。 分割线 显示分割线:是否显示分割线。 颜色设置:设置分割线颜色,单击“新增颜色设置”,可添加新的颜色。 分割区域 显示分割区域:是否显示分割区域。 颜色设置:设置分割区域颜色。 坐标轴轴线 显示轴线:是否显示轴线。
线。 类型:选择连接器类型,便于管理连接器。单击“新建类型”,可自定义连接器类型。 上传图标:单击“+”,可设置连接器显示的图标。 描述:新建连接器的描述信息,可按需进行设置。 请求协议:设置连接器请求协议。 域名:请求的Host地址,不需要带上“http://”或“https://”协议头,同时也不需要“/”结尾。
图层:显示或隐藏图层。 显示范围:设置图层的显示范围,地图缩放级别在该范围内时,显示对应图层。 图层透明度:设置图层的透明度。 标签避让:开启后,地图中重叠的图标会避让。 图层样式 显示类型:设置图标的显示类型,支持均分显示和区间显示。 图标图片:“显示类型”设置为“均分显示”时,
降低样式:设置降低趋势图标的样式。“趋势图标”设置为“自定义”时,才显示该配置。 持平样式:设置持平趋势图标的样式。“趋势图标”设置为“自定义”时,才显示该配置。 图标宽:设置图标的宽度。“趋势图标”设置为“自定义”时,才显示该配置。 图标高:设置图标的高度。“趋势图标”设置为“自定义”时,才显示该配置。 图标尺寸:
选中多个组件后,单击右侧配置面板的对齐或分布图标。支持左、水平居中、右、顶、垂直居中、底等多种对齐方式,以及水平和垂直的自动分布方式。 组件对齐 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页面编辑模式下,选择所需的组件,单击下图红框中图标,进行组件对齐。 图1 组件对齐
启“列显示/隐藏”后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 表格导出:是否开启表格导出功能。开启表格导出后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 悬浮显示:开启后,鼠标移动到表格组件上时,才会显示对应的按钮。 图标色:设置按钮的图标颜色。 图标选中色:设置选中按钮时,按钮图标的颜色。
列。开启“列显示/隐藏”后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 图4 列显示效果 表格导出:是否开启表格导出功能。开启表格导出后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 图5 导出开启效果 悬浮显示:开启后,鼠标移动到表格组件上时,才会显示对应的按钮。
打开“Token认证”开关,设置签名校验参数和有效期。 图3 设置Token认证 :打开Token认证开关后,华为云Astro大屏应用会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次访问时需要
在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。 按照下图,设置自定义动作。 自定义组件动作时,通过输入关键词,可以联想出组件的信息。 图3 设置自定义动作 /* * 可以像示例这样获取到组件对象,然后编写js代码 * 示例中表
步骤条方向:步骤条显示方向,可以设置为水平方向或垂直方向。 步骤图标尺寸:步骤图标的尺寸,单位为px。 步骤图标背景:步骤图标的背景色。 完成状态:步骤已完成状态的颜色。 进行中状态:步骤进行中状态的颜色。 等待状态:步骤还未完成处于等待状态的颜色。 标签字体:设置步骤标签的字体、大小和颜色等。
今日温度 是否显示:是否显示今日温度。 字体:今日温度的字体、大小和颜色等设置。 天气图标 是否显示:是否显示天气图标。 图标大小:天气图标的大小。 图标颜色:天气图标的颜色。 城市名字 是否显示:是否显示城市名字。 字体:城市名字的字体、大小和颜色等设置。 今日天气 是否显示:是否显示今日天气。