检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用华为云Astro大屏应用预置模板搭建交通管理大屏 场景说明 交通管理大屏用于监控城市的交通状态,如进出城车辆、路况信息和交通指数等,效果如图1所示。本入门以使用华为云Astro大屏应用中预置模板构建一个交通管理大屏为例,向您介绍如何在华为云Astro大屏应用中快速构建可视化页面。
x”,不填写默认为“200px”。 i18n:指定组件的国际化资源文件,详细介绍请参见i18n.json。 requires:依赖的库名称和版本号。 父主题: 目录文件详解
drawEcharts(); }); 例如,调用了dmax_line这个数据集,返回值如下图所示: 图1 返回值 这个数据因为键值名称并不是x、y和s,所以并不能渲染。此时需要一层映射,例如将name映射到x上,将ranking映射到y上,将series映射到s上。但是每次这个映射都不固
当自定义组件需要添加动作属性时,请选用该模板。 事件和动作都是Widget的配置属性,用于实现Widget之间的交互。例如,单击某个Widget内的按钮,另外一个Widget需要进行数据更新操作,或者是需要跳转到同个应用下的其他页面,这时需要通过事件和动作的机制来实现。单击按钮是触发一个事件
到模型视图。 单击“新增模型”,输入模型名称(如问卷)、“来源”选择“对象”,单击“下一步”。 选择8中创建的对象和添加的字段,单击“下一步”。 图10 选择对象和字段 直接单击“确定”,完成模型创建。 返回设计视图页面关联模型,组件与模型中的字段绑定后,组件的属性随模型字段值的变化而变化。
参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,将鼠标放在对应的项目上,单击。 选择对应的工作空间和项目版本,单击“确定”。 图1 选择工作空间和项目版本 复制项目版本时,当所选项目与目标空间存在资产冲突时,请参考查看并解决资产冲突中操作处理。 查看并解决资产冲突
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,华为云Astro大屏应用支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义
AstroCanvas预置组件新增高德地图和3D场景编辑器。 高德地图:高德地图是地图组件的一种,支持底图、样式、2D、3D模式、图标和飞线等动态配置,用于满足用户在GIS或IOC等场景对地图的要求。 3D场景编辑器:在AstroCanvas企业版实例中,为您预置了3D场景编辑器组件,用于实现3D模型的展示和编辑。
初识开发页面:华为云Astro大屏应用一站式数据可视化开发页面,由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成。在开发页面前,建议先了解其功能。 使用空白画布新建页面:通过拖拽组件、设置页面布局、组件数据和交互方式等,构建可视化页面。页面创建后,请根据自身业务需求,为页面添加组件。 使用模
参考创建大屏&PC端项目中操作,新建一个大屏项目。 参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入实心圆饼图和下拉选择框。 选中实心圆饼图,单击,进入交互设置页面。 设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。 在响应动作中,单击“+
在编辑页面状态下,选择“数据”,单击“+”。 输入页面数据集的名称,单击“确定”。 图3 新建页面数据集 页面数据集名称:数据集名称长度为1~60个字符,可包括中文、字母、数字和下划线。 描述:新建数据集的附件描述信息,通常设置为数据集的功能或使用场景,长度为0~512个字符。 刷新周期:每隔多少秒从数据集中读取一次
了Token认证,页面D、E、F设置了分享码。勾选按照项目限制时,校验过页面A的Token认证后,不会再校验页面B和C。校验了页面D的分享码后,同样不会再校验页面E和F。 按照页面限制:项目遵循各页面访问限制。 关闭项目发布页面,在项目列表中单击项目上的,可访问项目。 全屏模式显
华为云Astro大屏应用提供了“华为云Astro大屏应用基础版”、“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”三个实例版本。各实例版本由空间数、页面数、存储容量、数据接入和项目管理等组成,如表2所示。 表2 华为云Astro大屏应用套餐规格清单 版本类型 基础版 专业版
结尾。 域名参数:配置域名参数,包含字段名称、默认值和字段描述。连接器配置中,当域名中配置“{字段名}”参数时,才会显示该参数。 图6 配置域名参数 接口鉴权方式:设置接口鉴权方式,支持API鉴权、AK/SK、API Key和无身份验证。 API鉴权:填写API鉴权信息后,可在连
在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。 在新增数据集页面,设置数据集名称、选择数据类型、数据源和目录,单击“保存”。 图1 新建HTTP数据集 数据集名称:新建数据集的名称,用于标识该数据集。长度为1~60个字符,可包括中文、字母、数字及下划线。
中选择告警状态,可查看各个地区相应状态下的告警数量分布。 实现原理:该场景中将告警状态定义为全局变量,在页面中使用系统预置的“下拉选择框”和“多区域折线图”组件。当用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据
数据中心用于对数据源进行集中管理,将数据源配置简化,降低技术门槛,让业务人员可快速完成配置。华为云Astro大屏应用当前支持如下几种类型的数据集,其与数据源、转换器和目录之间的关系,如图1所示。 图1 数据源、数据集、转换器、目录之间的关系图
在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。 在新增数据集页面,设置数据集名称、选择数据类型、数据源和目录,单击“保存”。 图1 新建Prometheus数据集 数据集名称:新建数据集的名称,用于标识该数据集。长度为1~60个字符,可包括中文、字母、数字及下划线。
获取发布链接(新建项目) 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 版本管理:只能查看页面的版本和编辑版本的描述信息。 分享码设置:设置页面分享码和分享码有效期,设置后,只能通过分享码来访问页面,提高安全性。更多介绍,请参见如何设置分享码。 图3 分享码设置 分享码必须符合如下五个条件。