检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件的标题,如“π巡报警”。 内容:自定义组件标题的内容。 字体:设置组件标题的字体、大小和颜色等。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题: 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件
安全策略设置样例 其中,“frame-ancestors”为固定格式,“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外,还有一种典型的场景是将大屏嵌入本地的file中,如图4。 图4 将大屏嵌入本地的file中 登录第三方系统,在Elements中,增加“<iframe src="URL"
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件
创建移动端项目 操作场景 在AstroCanvas中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 创建项目 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,单击“新建项目”。 在新建项
表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置组件中图表的图例颜色。 统一配置 数据系列:是否显示该系列数据。如果不选中,会隐藏该组件中对应的系列数据。 南丁格尔图:是否使用南丁格尔图。 内半径:设置饼图内半径的值,单位%。 外半径:设置饼图外半径的值,单位%。
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件
如何设置Token认证 操作场景 在AstroCanvas中,通过设置Token认证,可以对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不能被篡改,从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍,请参见AstroCanvas分享页Token签名校验使用说明。
每一个工作空间,都对应一个新的AstroCanvas。通过创建工作空间,可实现对租户下的资源进行隔离与授权。 项目 在AstroCanvas中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 组件 组件(即Widget)是可复用的大屏或移动端页面
AstroCanvas中的页面由可视化组件拼装而成,本章节向您介绍如何添加组件。 操作场景 在AstroCanvas中,组件是大屏、移动端页面的组成元素。AstroCanvas提供了一些预置组件供您使用,同时支持自定义组件并上传到AstroCanvas中使用。 操作步骤 参考登录A
用户统一体验:大中小屏应用支持卡片化构建,遵循统一前端设计规范,提供给用户统一体验。 多屏无缝协同:针对多屏之间协同的场景,提供预置卡片,与后台统一服务关联,提供无缝协同的用户体验。 抽象行业公共能力:联合行业场景,抽象公共能力(卡片+模板)。 私有云部署能力:设计运行一体,支持私有云部署。
beforeDestroy()函数:组件销毁回调事件,负责组件在销毁期间的内存释放逻辑实现,需要把组件绑定的一些dom事件及全局的引用销毁。 /** * 组件销毁回调事件,负责组件在销毁期间的内存释放逻辑实现,需要把组件绑定的一些dom事件及全局的引用销毁 */ beforeDestroy()
删除页面 操作场景 页面删除后,不可恢复,请谨慎操作。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待删除的页面上,单击。 在弹出的提示框中,单击“确定”,即可删除该页面。 页面删除
”页签下进行展示。 操作 单击操作列中的,可上传组件图标。 单击操作列中的,可删除上传的组件包。 上传成功后,返回我的组件页面,可查看到已上传的组件。 图2 查看已上传的BarGraph组件 在大屏页面中使用自定义组件。 参考使用空白画布新建页面中操作,新建一个大屏页面。 在大屏页面的“全部组件
根据图标图片的数量,会将标签值从最小值到最大值的范围进行均分,落在不同范围的值,将显示对应的图标。“显示类型”设置为“区间显示”时,可设置不同的区间,当标签值落在对应的区间内,显示对应的图标,区域范围外的图标将不显示。 图片宽度:设置图片的宽度。 图片高度:设置图片的高度。 上下偏移:设置图标根据点经纬度的上下偏移。
对外部链接进行xss安全过滤,获取安全的绝对URL地址。 escapeHtml() 对HTML字符串进行转义,获取转义后的字符串供页面显示用,使用方式参考如下: /* * @param {*} text */ SafeUtils.escapeHtml(text) // 方法返回转义后的字符串 例如输入字符串如下:
在桥接器模板详情页,单击“下载”,将模板包下载到本地。 解压已下载的模板,修改桥接器模型名称。 桥接器模型名称需要和使用该自定义桥接器的组件中定义的模型名称相同,否则在组件中设置数据源时,桥接器实例无法选择到该桥接器。 桥接器模型名称可在使用该桥接器的组件中查看。例如,在玫瑰花饼图中使用自定义桥接器,请按照如下操作获取模型名称。