检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何进行设置页面 在大屏页面中,可以对页面进行一些基础的配置,例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小,可以使用默认的屏幕大小,也可以自定义页面的大小,以适配大屏尺寸,推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
加“<iframe src="URL" ></iframe>”。 图5 增加大屏访问地址 其中,“URL”为待嵌入大屏的访问地址。在大屏发布页面,单击,即可获取,如图6。 图6 获取大屏URL地址 图7 大屏嵌入效果 如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie
单击页面上方的预览图标,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的发布图标,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Tok
configuration 组件级的配置项建议放到该分类中,如背景、标题等。 series 图形-自定义 series 图表的系列数据配置。 legend 图例-自定义 legend 图表的图例显示/隐藏、样式控制配置。 tooltip 提示-自定义 tooltip 图表的悬浮提示配置。 coordinate
如何进行版本回退 开发者开发某个大屏页面时,希望回退到历史某个页面版本进行编辑。 版本回退 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表的所有项目中,单击页面所在的项目,进入项目。 在所有页面中,单击对应的页面,单击“编辑页面”,进入大屏开发页面。
览表 API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤,获取安全的绝对URL地址。 escapeHtml() 对HTML字符串进行转义,获取转义后的字符串供页面显示用,使用方式参考如下: /* * @param
在AstroCanvas中开发大屏页面的流程,如图2所示。 图2 开发大屏页面流程 注册账号并实名认证 注册一个华为账号并进行实名认证,认证后需要为账号进行充值。如果您已有一个华为账号,可直接跳过如下操作,但需要确保账号有足够的金额。 购买AstroCanvas实例 在使用Ast
”目录创建安装目录为例进行介绍,您也可以在其他目录下创建该目录。 将步骤二:下载运行环境中获取的AstroCanvas运行环境部署包(AstroCanvas_Runtime.zip),上传到安装目录下。 解压已上传的部署包,并进入已解压后的目录。 unzip AstroCanvas_Runtime
内部页面:选择待跳转的具体页面。“页面类型”设置为“内部页面”时,才显示该配置。 外部页面地址:选择待跳转的外部页面地址,可以直接输入地址,也可以设置为全局变量。“页面类型”设置为“外部页面”时,才显示该配置。 页面打开方式:设置跳转页面的打开方式,如新窗口、当前窗口或弹窗。设置为弹窗时,可指定弹窗的高度和宽度
您可以直接使用该页面,也可以根据自身业务的需求进行二次开发。 单击页面上方的,保存页面。 单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的发布图标,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。 如果是
将自定义库的相关文件打成Zip包。 例如,在MintUI官网下载组件库的代码,增加一个packageinfo.json元数据描述文件,在该文件中列出Library包含的js和css文件名,并打成Zip包。该场景中Zip包为“MintUI.zip”,单击链接获取该包。 图1 MintUI库文件结构
"version": "102.0.4" } ] } 文件字段说明 widegtApi > name:组件的名称,如“EchartsWidgetTemplate”。 widgetDescription:组件的描述信息。 authorName: :组件的作者信息。 width:在绝对布局高级页面
nvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下,也可以直接单击下载链接,获取自定义组件示例包“SelectWidget.zip”。 在组件的“global_SelectWidget
打开Token认证开关后,AstroCanvas会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次访问时需要重新获取签名地址。如果不开启,不限制访问次数,但支持设置有效期。 父主题: 页面管理
根据自身业务的需求进行二次开发。 单击页面上方的,保存页面。 单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的发布图标,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。 如果是
如何通过全局变量,实现组件数据的动态变化 在AstroCanvas中,支持通过全局变量,来控制组件数据的动态显示。本章节以全局变量,控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作,新建关系型数据库数据源。 图1 新建关系型数据库数据源 参考关系型
通过发布功能,无需进入开发页面,即可获取页面的访问地址。 发布页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待发布的页面上,单击,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。 如
单击,选择新建并开发自定义组件中自定义的组件包BarGraph.zip,填写基本信息,单击“保存”。 图1 上传自定义组件BarGraph 表1 上传自定义组件参数说明 参数 说明 组件名字 组件名称,系统会根据组件包名称自动填充。 示例:BarGraph 操作类型 当前操作的类型,如新增、更新等。 组件ID 资产
新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时,用户可自定义组件包进行上传,在页面中进行使用。在开发自定义组件前,请仔细阅读自定义组件开发规范章节内容,了解组件的开发规范。下面以开发网站中常用的柱状图(vue2+Echarts)组件为例,向您介绍如何开发自定义组件。
在左侧导航栏中,选择“日志管理 > 操作日志”。 在操作日志页签,按时间、操作员或客户端IP,进行分页查询。 父主题: 管理页面