检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件管理 添加组件 拖拽组件 组件对齐 锁定/解锁组件 隐藏组件 重命名组件 将组件保存为卡片 复制并粘贴组件 跨页面复制组件 删除组件 创建分组 自定义组件说明 echarts组件自定义事件交互设置 echarts组件自定义动作交互设置 如何使用高级表格的后台分页功能 如何使用高级表格的后台排序功能
源。 新建华为云Astro轻应用数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“AstroZero”，配置数据源参数。 图1 数据源
metheus数据源，将普罗中的数据作为组件的数据展示。 新建Prometheus数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择
绍，请参见华为云Astro大屏应用盘古助手。 新建转换器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“转换器 > 全部”。 （可选）新建转换器存放目录。 在鼠标放在所有转换器上，单击“...”，选择“新增目录”。
的异构数据进行探索。 新建DLI数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“DLI”，配置数据源参数。 图1 DLI数据源
eventConfig：组件事件描述配置项，用来扩展给全局变量使用。 classfication：组件的配置项分类。 propertiesConfig：负责组件配置页面中，右侧的属性配置逻辑。 create（必须配置）：组件内置的扩展，仅在组件首次被创建时调用一次。 registerWidget（必须配置）：注册组件的逻辑实现。
在华为云Astro大屏应用中，通过新建HTTP连接器，可引入第三方的API作为组件的数据来源。 图1 在组件中有引入连接器流程 新建连接器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“连接器”。 在连接器管理页面，单击“新建连接器”。
e事件。 入参vm说明 组件配置项中的disabled、showFunc和events中，都具有入参vm，vm为组件的Widget实例。 配置示例 通用配置示例如下，以global_SelectWidget组件为例，设置后效果如图1所示。本示例中的global_SelectWid
{widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在华为云Astro大屏应用中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"
由用户自己决定将什么字段拖拽映射到什么字段。例如，将name字段映射到了“选项标签展示值”字段，即x中，将ranking字段映射到了“选项值”字段，即y中，将series字段映射到了“选项值”字段，即s中。 [{ "series": "降雨量", "name": "A市", "ranking":
目前支持的多语言包含中英文两种，相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中，在packageinfo.json中的配置示例如下： "i18n": [{ "name": "messages-en" // 组件的多语言文件,相应文件为messages-en
savePropertiesForWidget() 该API用于在开发态中，保存当前组件的高级设置属性信息。 /* * @param {*} props {} */ magno.savePropertiesForWidget({ // 属性应该与editor.js中的属性对应 barChartProps:
期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。 预置分类：主要是使用平台预置分类。 自定义分类：支持平台预置分类和用户自定义分类。
配置项总览 本章节介绍华为云Astro大屏应用支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
IAM是华为云提供权限管理的基础服务，无需付费即可使用，只需要为您账号中的资源进行付费。关于IAM的详细介绍，请参见《IAM产品介绍》。 华为云Astro大屏应用权限 默认情况下，新建的IAM用户没有任何权限，需要将其加入用户组，并给用户组授予策略或角色，才能使得用户组中的用户获得对应的权限，这一过程称为授权。
elds数组中每一个对象保存着暴露给全局变量的详细配置。 图2 给全局变量赋值 表2 fields数组中对象字段详细说明 字段 类型 说明 name String key值。 desc Object 字段描述，需要国际化。 暴露给全局变量的字段，一定要在触发事件参数中定义，如图3。
义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例
参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，将鼠标放在对应的项目上，单击。 选择对应的工作空间和项目版本，单击“确定”。 图1 选择工作空间和项目版本 复制项目版本时，当所选项目与目标空间存在资产冲突时，请参考查看并解决资产冲突中操作处理。 查看并解决资产冲突
应用场景 智慧城市 数据可视化大屏在智慧城市中扮演关键角色，可以实时展示城市交通流量、环境污染指数、能源消耗情况等数据，帮助城市管理者及时监测城市运行状况，进行智慧决策，提升城市运行效率和居民生活质量。 图1 S市智慧城市大脑 工业制造 在工业制造领域，数据可视化大屏可以展示生产
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
