检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
该组件的描述信息。设置后，内容将会在组件详情页的“概况”页签下进行展示。 操作 单击操作列中的，可上传组件图标。 单击操作列中的，可删除上传的组件包。 上传成功后，返回我的组件页面，可查看到已上传的组件。 图2 查看已上传的BarGraph组件 在大屏页面中使用自定义组件。 参考使用空白画布新建页面中操作，新建一个大屏页面。
* 购买时长（以月/年计算） 页面扩容包 扩容包用于新增更多的页面。扩容包不可单独购买和退订，扩容包的使用截止时间与主资源的截止时间保持一致，主资源套餐到期后，扩容包将不可使用。 包年/包月 扩容包单价 * 购买时长（以主套餐有效时间折算） 计费示例（无扩容包） 假设您在2023
线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
设置后，再次进入项目时，设置才会生效。 单击“检查更新”，检查资源是否有版本更新。 如果有新版本资源，可单击，对资源进行升级，也可以直接单击“升级所有资源”，进行资源升级。 单击“开启调序”，调整库的顺序，如Vue放在VueI18n前面。 图2 调整库的顺序 设置完成后，单击“保存”。
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
屏应用在设计前期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。 预置分类：主要是使用平台预置分类。 自定义分类：支持平台预置分类和用户自定义分类。
ometheus数据源作为组件的数据来源。 操作场景 使用在数据集中配置的数据源前，需要提前在数据中心创建各种类型数据源，配置过程中页面跳转较多，为了简化操作，华为云Astro大屏应用支持在组件数据配置过程中，直接创建并使用各种类型的数据源。 新建数据源的参数说明和在数据中心中配
用。在使用华为云Astro大屏应用时，请结合实际情况，选择对应的方式登录华为云Astro大屏应用界面。本手册的界面操作及截图均以我是新用户为例。 我是新用户 新用户购买华为云Astro大屏应用实例后，可从华为云Astro轻应用控制台登录华为云Astro大屏应用界面。 使用华为账号
线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
标，用于对表格中的数据进行排序。后台排序的使用示例，请参见如何使用高级表格的后台排序功能。 图10 在后台对数据进行排序 后台筛选：是否开启后台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。后台筛选的使用示例，请参见如何使用高级表格的后台筛选功能。
线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
Widget的运行依赖Library，如果缺少相应的Library，则Widget不能正常运行。如果页面要使用前端框架或组件库，例如流行的Vue、Bootstrap、ElementUI等，需要将其制作成Library资产，然后上传到环境中使用。 华为云Astro大屏应用中的Widget分为以下两种： 系统预置Widget
详情、查看历史版本和下载操作。本章节的操作，均以自定义库为例。 新建自定义库 以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库并如何在组件中使用库。 将自定义库的相关文件打成Zip包。 例如，在MintUI官网下载组件库的代码，增加一个packageinfo
操作场景 在华为云Astro大屏应用中开发完页面后，可将页面保存为模板下载到本地。模板下载后，可在如下场景中使用： 在当前账号的其他IAM用户中使用。 在当前账号的其他项目中使用。 下载当前页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击页面所在的项目，进入项目。
运行容器：选择项目包的运行容器。 Astro Canvas：使用该运行容器下载的项目包，可在其他华为云Astro大屏应用环境的项目列表中，通过单击“导入项目包”进行安装使用，实现将环境A迁移项目到环境B。 OneMobile：使用该运行容器下载的项目包，可在华为OneMobile上安装
线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
景颜色或背景图片等，更多介绍请参见如何进行设置页面。 图2 页面设置 全局变量设置 华为云Astro大屏应用支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值，详情请参见全局变量。 全局变量中的作用次数，用于统计该全局变量被使用了多少次。单击作用次数下的具体次数，可查看该全局变量的作用域。
线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
转换器：新建转换器的名称，本示例中设置为“汇合”。 目录：选择转换器的存放目录，本示例选择预置分类。 转换器内容：按需进行设置，本示例转换器内容如下，即将“多数据流1”和“多数据流2”中的数据进行汇总。 const [a, b] = dataset; return a.map((item) => ({
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
