检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
轮播饼图 轮播饼图是饼图组件的一种，饼图中的数据可自动播放，实现动态效果。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“轮播饼图”组件至画布空白区域，如图1。 图1 轮播饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题
3D场景编辑器 图观端场景编辑器用于实现3D模型的展示和编辑。购买“Astro大屏应用企业版”实例时，才会显示该组件。 在大屏设计页面，从“全部组件 > 3D场景编辑器”中，拖拽“图观端场景编辑器”组件至画布空白区域，如图1。 图1 图观端场景编辑器 配置 在配置中，为图观端场景编辑器设置容器名称和场景地址。
授权IAM用户使用华为云Astro大屏应用 华为账号购买华为云Astro大屏应用实例后，可通过在华为账号下添加IAM用户，实现多人协助开发可视化大屏应用。 前提条件 已参考创建IAM用户中操作，创建IAM用户。默认情况下，新创建的IAM用户没有任何权限。您需要为其授予权限，或将其
EchartsWidgetTemplate 基于Echarts实现的一个柱状图组件模板，包含基本配置项、单击系列的事件交互、数据对接等能力。 SelectWidgetTemplate 基于elmentUI和Vue2实现一个通用的下拉框组件模板，包含基本配置项、交互、数据对接等能力。
轮播图片 轮播图片是指通过轮播的方式，来实现图片广告位的展示。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“轮播图片”组件至画布空白区域，如图1。 图1 轮播图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
进度条 进度条是柱状图的一种，通过进度条可实现百分比展示能力，支持电池和柱状图两种展示形式。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“进度条”组件至画布空白区域，如图1。 图1 进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础
图标进度条 图标进度条是柱状图的一种，通过图标和进度条可实现百分比展示能力，同时支持自定义图标。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“图标进度条”组件至画布空白区域，如图1。 图1 图标进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
自定义桥接器 当需要连接其它数据，以获得组件最佳的展示效果时，可通过自定义数据桥接器实现。自定义桥接器时，需要先下载桥接器模板，根据组件的数据结构，对桥接数据进行对接和改造。 自定义桥接器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云A
图1 S市智慧城市大脑 工业制造 在工业制造领域，数据可视化大屏可以展示生产线实时运行状态、设备故障警报、生产效率等数据，帮助工厂管理者实现生产过程的全面监控与分析，及时发现并解决生产中的问题，提高生产效率和产品质量。 图2 现场作业看板 展示汇报 数据可视化大屏可以用来展示项
全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。
自定义组件能力：提供自定义组件能力及配套脚手架，轻松实现用户定制化二次开发。 多种快捷配置：组件等比对齐拖拽、完善的配置快捷键、灵活的组件布局校准，帮助用户快速实现样式优化。 丰富模板开箱即用，经验轻松沉淀 功能介绍 平台预置丰富模板，凝聚最佳实践，帮助用户快速完成大屏创建，实现数据可视化、运作数字化。 特性优势
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
预置400+各类组件，配合自定义组件能力，实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 平台预置丰富模板，凝聚最佳实践，帮助用户快速完成大屏创建，实现数据可视化、运作数字化。 通过预置交互事件+交互动作，零代码实现丰富组件交付场景，同时开放自定义扩展组件交互事件动作能力，满足复杂的页面交互。
华为云Astro轻应用数据集 获取某华为云Astro轻应用环境中的对象数据，作为组件输入数据。 前提条件 连接的数据源已创建，如何创建请参见关系型数据库数据源。 读取对象数据所在的应用已创建，如何创建请参见创建应用。 创建数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
ROMA连接器数据集 基于ROMA Connect APIC服务类型的数据集。 前提条件 连接的数据源已创建，如何创建请参见ROMA连接器数据源。 数据集所使用的转换器已创建，如何创建请参见新建转换器。 华为云Astro大屏应用预置了转换器供用户直接使用，用于把调用API接口返回的数据
作。本章节的操作，均以自定义库为例。 新建自定义库 以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库并如何在组件中使用库。 将自定义库的相关文件打成Zip包。 例如，在MintUI官网下载组件库的代码，增加一个packageinfo.j
的数据进行排序。后台排序的使用示例，请参见如何使用高级表格的后台排序功能。 图10 在后台对数据进行排序 后台筛选：是否开启后台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。后台筛选的使用示例，请参见如何使用高级表格的后台筛选功能。 图11 在后台对数据进行筛选
选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。 echartsInst.dispatchAction({ type: 'highlight'
clickSeries对象中，“desc”是对事件selectItem的解释。“fields”为组件对外暴露的字段及相应描述。相应代码要在{widget}.js中实现如下： this.echartsInst.on('click', 'series', (event) => { thisObj.
组件配置项面板 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
