检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
了解代码目录结构 当系统预置的组件无法满足用户需求时,用户可自定义组件并上传到AstroCanvas中使用。AstroCanvas为您预置了一些组件模板(Widget包),您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录AstroCanvas界面中操作,登录AstroCanvas
应用场景 智慧城市 数据可视化大屏在智慧城市中扮演关键角色,可以实时展示城市交通流量、环境污染指数、能源消耗情况等数据,帮助城市管理者及时监测城市运行状况,进行智慧决策,提升城市运行效率和居民生活质量。 图1 S市智慧城市大脑 工业制造 在工业制造领域,数据可视化大屏可以展示生产线实时运行状态
为工作空间添加成员 为工作空间添加成员,只有在空间中的成员,才能在该空间下执行创建项目、页面等操作。 前提条件 待添加的成员已完成AstroCanvas授权,否则此处添加成员时无法选择到所需的成员。如何为成员进行授权,请参见授权IAM用户使用AstroCanvas。 操作步骤 租户管理员参考登录
发布为全局模板 操作场景 页面开发完成后,可将已开发好的页面发布为全局模板。在下次创建页面时,可直接使用该模板创建新的页面,减少重复开发,提高交付效率。 全局模板可在当前环境的所有租户下使用,而发布为模板中生成的模板只能在当前环境的对应租户下使用。 前提条件 发布为全局模板时,请确保该页面中仅使用了全局资产
高德地图 高德地图是地图组件的一种,支持底图、样式、2D、3D模式、图标和飞线等动态配置,用于满足用户在GIS或IOC等场景对地图的要求。 在大屏设计页面,从“地图”中,拖拽“高德地图”组件至画布空白区域,如图1。 图1 高德地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构
新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时,用户可自定义组件包进行上传,在页面中进行使用。在开发自定义组件前,请仔细阅读自定义组件开发规范章节内容,了解组件的开发规范。下面以开发网站中常用的柱状图(vue2+Echarts)组件为例,向您介绍如何开发自定义组件
使用AstroCanvas开发告警处理情况统计移动端页面 场景描述 通过AstroCanvas开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1
使用AstroCanvas开发人员来访统计大屏页面 场景描述 人员来访统计大屏用于展示园区中人员相关信息,例如人员类型,人员流量及在园人数等。大屏页面构想,如图1所示。 图1 大屏页面效果 图1中大屏页面由下列组件拼装而成,组件介绍顺序为从上到下、从左到右。 表1 组件说明 组件
基本折线图 基本折线图是线状图的一种,通过折线变换的形式,对数据进行展现,可直观展示数据的变化趋势。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“基本折线图”组件至画布空白区域,如图1。 图1 基本折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素