检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用AstroCanvas预置模板搭建交通管理大屏 场景说明 交通管理大屏用于监控城市的交通状态，如进出城车辆、路况信息和交通指数等，效果如图1所示。本入门以使用AstroCanvas中预置模板构建一个交通管理大屏为例，向您介绍如何在AstroCanvas中快速构建可视化页面。 图1
入门实践 当您购买了Astro大屏应用实例后，可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍Astro大屏应用常见的搭建实践，帮助您更好的使用Astro大屏应用。 表1 常用最佳实践 实践 描述 使用AstroCanvas开发人员来访统计大屏页面 本实践通过开发一个人员
Astro大屏应用（Astro Canvas，简称AstroCanvas）以数据可视技术为核心，以屏幕轻松编排，多屏适配可视为基础，帮助非专业开发者通过图形化界面轻松搭建专业水准的数据可视化大屏应用，满足项目运营管理、业务监控、风险预警等多种业务场景下的一站式数据实时可视化大屏展示需求。 图1 Astro大屏应用业务全景
AstroCanvas帮忙全民开发者通过图形化界面，轻松搭建专业水准的数据可视化应用。 产品介绍 什么是AstroCanvas 产品优势 应用场景 约束与限制 产品规格差异 基本概念 03 入门 购买实例后，您可以使用AstroCanvas分钟级构建业务大屏、移动端页面。 入门指导 使用预置模板搭建交通管理大屏 进阶实战
如何切换AstroCanvas平台主题颜色 AstroCanvas支持切换平台主题颜色，以便于用户可以按照自己喜欢的界面风格进行设置。 设置AstroCanvas平台主题 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas页面，单击页面右上方“账户名”后的。
大屏页面，请选择创建大屏项目。 创建移动端项目：如果待创建的页面为移动页面，请选择创建移动端项目。 创建页面 在AstroCanvas中，搭建AstroCanvas应用从创建一个大屏/移动端页面开始，掌握70+种组件，定制出符合要求的个性化页面。 初识开发页面：AstroCanv
内置API一览表 表1 内置API一览表 API API说明 init 组件渲染的入口函数，组件自己实现继承，使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口，组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值，用于查看与Connector相关的信息。
加mockData属性来记录桥接器是否启用了模拟数据，同时在桥接器父类代码中预置了getMockData函数，开发人员只需在自定义桥接器中自己覆写getMockData函数，实现获取模拟数据的逻辑即可。当“启用模拟数据”开关打开时，mockData属性会记录启用了模拟数据，get
丰富的预置模板：涵盖政务、交通、电力等多个垂直领域，模拟数据分析、设备监控、环境监测、产品展示等多个典型应用场景。 自定义模板能力：用户可以自定义定制模板，沉淀自己的最佳实践，分享复用。 项目模板：可以将多个大屏一键生成成套模板，一次新建把握整体风格。 组件互动，预置近百种交互场景，自定义实现万千可能
上，将series映射到s上。但是每次这个映射都不固定，需要交给用户自行配置，所以提出了映射的概念，即mapping。 图2 映射 由用户自己决定将什么字段拖拽映射到什么字段。例如，将name字段映射到了“选项标签展示值”字段，即x中，将ranking字段映射到了“选项值”字段，
且不能以下划线开头或结尾。 服务地址：返回Prometheus数据的接口所在服务地址的URL。输入的URL地址中，支持包含变量，例如“https:example.{region}.com”。地址中的变量，在使用数据源时，支持修改，如图3。 图2 服务地址包含变量 图3 更改变量
完成后，将应用发布至生产环境，即运行环境，供业务用户使用。 不依赖：不依赖任何环境。 生产环境/沙箱环境 域名：提供服务环境的域名，如https://www.demo.com。 生产环境/沙箱环境 租户ID：提供服务环境的租户ID。 将下载到本地的项目安装包，发送给其他需要安装的用户。
successCallBack) getUrlParam 用于获取查询字符串中的参数，使用方式参考如下： /* * 例如某个页面的URL为“https://10.10.10.1:12900/magno/render/cool__app_0000000000NABzEjpNIH/page1
d", elem)的方式来获取。 getWidgetBasePath：用于返回该组件静态资源的根路径。 例如某个组件的静态资源路径为“https://10.10.10.1:12900/default/0000000000NABzEjpNIH/assets/bundle/widge
stroCanvas提供了上百种echarts组件，本质上是不同的实例化代码，这些实例化代码来自echarts官网的demo代码，例如https://echarts.apache.org/examples/zh/editor.html?c=line-simple。如果这些demo
据源。长度为1~32个字符，可包括中文、字母、数字和下划线，且不能以下划线开头或结尾。 域名：AstroZero环境的域名，需要携带“https://”。 客户端ID：调用AstroZero接口前，需要配置“客户端模式”OAuth鉴权的客户端ID。OAuth认证过程中，新建认证密
括中文、字母、数字及下划线，且不能以下划线开头或结尾。 Zero对接Canvas数据源 域名 AstroZero环境的域名，需要携带“https://”。 步骤三：获取域名、客户端ID和密码中获取的域名 客户端ID 调用AstroZero接口前，需要配置“客户端模式”OAuth鉴权的客户端ID。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
