检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
初识开发页面:AstroCanvas一站式数据可视化开发页面,由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成。在开发页面前,建议先了解其功能。 使用空白画布新建页面:通过拖拽组件、设置页面布局、组件数据和交互方式等,构建可视化页面。页面创建后,请根据自身业务需求,为页面添加组件。 使用模
组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt:组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。 {widget}.js:组件逻辑文件,整个Widget的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。
获取发布链接(新建项目) 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 版本管理:只能查看页面的版本和编辑版本的描述信息。 分享码设置:设置页面分享码和分享码有效期,设置后,只能通过分享码来访问页面,提高安全性。更多介绍,请参见如何设置分享码。 图3 分享码设置 分享码必须符合如下五个条件。
在编辑页面状态下,选择“数据”,单击。 输入页面数据集的名称,单击“确定”。 图3 新建页面数据集 页面数据集名称:数据集名称长度为1~60个字符,可包括中文、字母、数字和下划线。 描述:新建数据集的附件描述信息,通常设置为数据集的功能或使用场景,长度为0~512个字符。 刷新周期:每隔多少秒从数据集中读取一次
在主菜单中,选择“项目设置”,进入项目设置页面。 在页面右上角,选择“编辑项目”。 获取项目编辑权限后,可对项目进行通用设置、组件设置、资源设置和健康检查设置。 设置完成后,单击“保存”,即可释放项目锁。 您也可以单击页面右上角的“退出项目设置”,释放项目锁。 父主题: 项目管理
length) { values[values.length - 1].size = 1; } }, }, 增加和删除list中一项。默认有增加删除功能,所以需要添加addItemFunc和itemDelCallBack函数。 如果noAdd为true,不需要添加。 childItems Array
图2 打开发布链接(已有项目) 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 打开“分享码访问”开关,按照规则要求设置分享码和有效期,单击。 图3 设置分享码 输入的分享码,必须符合如下五个条件: 长度为8~32位,仅包含英文字母、数字、特殊字符。 至少包含一个英文小写字母(a-z)。
中选择告警状态,可查看各个地区相应状态下的告警数量分布。 实现原理:该场景中将告警状态定义为全局变量,在页面中使用系统预置的“下拉选择框”和“多区域折线图”组件。当用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据
x”,不填写默认为“200px”。 i18n:指定组件的国际化资源文件,详细介绍请参见i18n.json。 requires:依赖的库名称和版本号。 父主题: 目录文件详解
在所有页面中,单击待发布为模板的页面。 单击“编辑页面”,进入大屏开发页面。 在大屏开发页面,单击,选择“发布为模板”。 在大屏开发页面,单击。 填写模板名称和模板描述,单击“发布”。 模板名称的长度不能超过60个字符,且只能包含字母、数字、汉字及特殊符号“-”或“_”。 图1 发布自定义页面模板
新建文件夹 在创建文件夹页面,输入文件夹标题,单击“确定”,即可在项目中创建文件夹。 单击新建文件夹后的“...”,可以修改文件夹名称、新建子文件夹和删除已创建的文件夹。 父主题: 创建项目
在左侧导航栏中,选择“页面资产管理 > 组件模板”。 在“全局”页签中,单击对应的组件模板。 在组件详情页面,可查看组件的描述信息、变更历史和包信息。 预览组件模板 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,单击页面右上方的“管理”,进入AstroCanvas管理页面。
数据中心用于对数据源进行集中管理,将数据源配置简化,降低技术门槛,让业务人员可快速完成配置。AstroCanvas当前支持如下几种类型的数据集,其与数据源、转换器和目录之间的关系,如图1所示。 图1 数据源、数据集、转换器、目录之间的关系图
图2 打开发布链接(已有项目) 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 打开“Token认证”开关,设置签名校验参数和有效期。 图3 设置Token认证 :打开Token认证开关后,AstroCanvas会生成一个Token。单击该图标,可复制Token。
在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。 在新增数据集页面,设置数据集名称、选择数据类型、数据源和目录,单击“保存”。 图1 新建数据集 数据集名称:新建数据集的名称,用于标识该数据集。长度为1~60个字符,可包括中文、字母、数字及下划线。
在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。 在新增数据集页面,设置数据集名称、选择数据类型、数据源和目录,单击“保存”。 图1 新建数据集 数据集名称:新建数据集的名称,用于标识该数据集。长度为1~60个字符,可包括中文、字母、数字及下划线。
新建文件夹 在创建文件夹页面,输入文件夹标题,单击“确定”,即可在项目中创建文件夹。 单击新建文件夹后的“...”,可以修改文件夹名称、新建子文件夹和删除已创建的文件夹。 父主题: 创建项目
页面交互。 以AstroCanvas为能力底座,打造可视化大中小屏,一次构建、多屏复用、无缝协同、统一体验。 更多选择理由,请参见产品优势和应用场景。
type: "time" 配置项类型。 subType String 否 subType: "date" 子类型,支持的类型有time、date和datetime。 value String 否 value: "defaultValue" 默认值。 name String 是 name:
AstroCanvas实例规格约束与限制 限制项 约束与限制 实例版本 AstroCanvas目前支持的实例版本有:Astro大屏应用基础版、Astro大屏应用专业版和Astro大屏应用企业版。 Astro大屏应用基础版:基于平台预置模板、基础组件,可快速开发专业水准的大屏。 Astro大屏应用专业版:除了