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