检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过华为云Astro大屏应用中预置的交通管理模板，快速创建一个可视化大屏页面。 预览并发布大屏页面 在线预览大屏页面效果，确保开发编辑效果与发布后运行效果一致。预览效果符合预期后，可直接发布大屏页面，并在线查看城市交通状况。 步骤一：注册账号并实名认证 使用华为云Astro大屏应用前，需要先注
购买的实例中单击“操作 > 页面扩容”。 图1 单击页面扩容 设置扩容页面的个数，单击“去支付”。 图2 页面扩容 选择支付方式，单击“去在线支付”，完成订单支付。 订单支付成功后，单击“返回Astro轻应用控制台”。 在华为云Astro大屏应用已购买的实例中，可查看到扩容的页面数量。
渐变色：可设置渐变样式、渐变方向、起始颜色和结束颜色。 条件色：单击“新增条件格式”，可设置条件和响应数据列的样式。如图7中所示，该设置表示环境管理满足设置的条件（大于300）时，显示为红色，否则显示为正常颜色。 图7 设置条件格式 纹理：通过上传纹理图片，自定义数据系列的颜色格式。
理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在组件模板详情页，单击“预览”，可在线预览组件模板。 下载组件模板 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，单击页面右上方的
始化代码块、实例化代码块、自定义事件和自定义动作。 图4 代码设置 初始化代码块：初始化代码块输入框是一个javascript的执行环境，该执行环境的目的是调用echarts的init方法创建实例，此处可配置初始化相关的操作，包括echarts的主题等。 图5 初始化代码块 单击
将鼠标放在对应的组件上，单击，可查看到新版本的组件（如1.0.1）。 图9 查看组件版本 ：单击该图标，可下载当前版本组件。 ：单击该图标，可在线编辑该版本组件。 编辑组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。
页面扩容包计费规则，请参见计费项。 图1 购买实例（基础版） 图2 购买实例（专业版） 图3 购买实例（企业版） 选择支付方式，单击“去在线支付”，完成订单支付。 图4 确认付款 订单支付成功后，单击“返回Astro轻应用控制台”。 在Astro大屏应用控制台中，可以查看华为云
平台预置丰富模板，凝聚最佳实践，帮助用户快速完成大屏创建，实现数据可视化、运作数字化。 特性优势 丰富的预置模板：涵盖政务、交通、电力等多个垂直领域，模拟数据分析、设备监控、环境监测、产品展示等多个典型应用场景。 自定义模板能力：用户可以自定义定制模板，沉淀自己的最佳实践，分享复用。 项目模板：可以将多个大屏一键生成成套模板，一次新建把握整体风格。
数据源名称：新建数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字和下划线，且不能以下划线开头或结尾。 域名：华为云Astro轻应用环境的域名，需要携带“https://”。 客户端ID：调用华为云Astro轻应用接口前，需要配置“客户端模式”OAuth鉴权的客户端ID。O
单击该图标，可在线编辑该版本库。 编辑库 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的库”。 将鼠标放在对应的库上，单击。 图9 编辑库 在库编辑页面，单击右上角的，获取锁。 按需在线修改库文件，单击。
图5 设置桥接器信息 将鼠标放在对应的桥接器上，单击，可查看到桥接器的新版本。 ：单击该图标，可下载当前版本桥接器。 ：单击该图标，可在线编辑该版本桥接器。 编辑桥接器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。
如果页面要使用前端框架或组件库，例如流行的Vue、Bootstrap、ElementUI等，需要将其制作成Library资产，然后上传到环境中使用。 华为云Astro大屏应用中的Widget分为以下两种： 系统预置Widget 系统预置Widget是系统已定义好的Widget，
s: seviceLoad, }, ]; }, 配置数据数据时，下图中的“静态数据”选项即为静态数据，支持直接在线编辑静态数据。 图3 静态数据 父主题： 自定义组件开发规范
用于长期、稳定的业务需求。以下是一些适用于包年/包月计费模式的业务场景： 稳定业务需求：对于长期运行且资源需求相对稳定的业务，如企业官网、在线商城、博客等，包年/包月计费模式能提供较高的成本效益。 长期项目：对于周期较长的项目，如科研项目、大型活动策划等，包年/包月计费模式可以确保在整个项目周期内资源的稳定使用。
图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 图5 渐变色饼图图例 统一配置 图例：是否显示图例，如工程管理、环境管理。图例文字内容来源于数据模型下“s”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对
图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 图7 玫瑰花饼图图例 统一配置 图例：是否显示图例，如工程管理、环境管理。图例文字内容来源于数据模型下“s”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对
图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 图10 实心圆饼图图例 统一配置 图例：是否显示图例，如工程管理、环境管理。图例文字内容来源于数据模型下“s”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对
图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 图7 贪吃蛇饼图图例 统一配置 图例：是否显示图例，如工程管理、环境管理。图例文字内容来源于数据模型下“s”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对
图例 图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 图7 满月饼图图例 统一配置 图例：是否显示图例，如工程管理、环境管理。图例文字内容来源于数据模型下“s”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对
图例 图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 图7 轮播饼图图例 统一配置 图例：是否显示图例，如工程管理、环境管理。图例文字内容来源于数据模型下“s”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
