检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
进度条 进度条是柱状图的一种，通过进度条可实现百分比展示能力，支持电池和柱状图两种展示形式。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“进度条”组件至画布空白区域，如图1。 图1 进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础
折柱图 折柱图是柱状图的一种，通过折线和柱状图相结合的方式，将数据信息以折柱图的形式清晰地展示在可视化应用上。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“折柱图”组件至画布空白区域，如图1。 图1 折柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解
轮播饼图 轮播饼图是饼图组件的一种，饼图中的数据可自动播放，实现动态效果。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“轮播饼图”组件至画布空白区域，如图1。 图1 轮播饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题
基本漏斗图 基本漏斗图是柱状图的一种，使用漏斗图或梯形图来形象的展示数据排序变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“基本漏斗图”组件至画布空白区域，如图1。 图1 基本漏斗图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元
高德地图 高德地图是地图组件的一种，支持底图、样式、2D、3D模式、图标和飞线等动态配置，用于满足用户在GIS或IOC等场景对地图的要求。 在大屏设计页面，从“地图”中，拖拽“高德地图”组件至画布空白区域，如图1。 图1 高德地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的
构建数据 在左侧导航栏中，选择“作业管理 > SQL作业”，查看构建结果。 图4 查看构建结果 创建DLI数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击“新建数据集”。
的数据来源于封装了华为云Astro轻应用某API接口的数据集，将该接口的入参与全局变量绑定，则“多区域折线图”组件呈现数据会随着全局变量值变化而变化。 图1 告警监控页面 步骤1 新建数据集 参考华为云Astro轻应用数据源中操作，新建数据源。 图2 新建华为云Astro轻应用数据源
HTTP连接器数据集 前提条件 连接的数据源已创建，如何创建请参见HTTP连接器数据源。 创建HTTP连接器数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击“新建数据集”。
水滴水位图 水滴水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“水滴水位图”组件至画布空白区域，如图1。 图1 水滴水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标
多区域折线图 多区域折线图是线状图的一种，通过不同数据区域的对比，可对数据的变化做出更直观的展现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“多区域折线图”组件至画布空白区域，如图1。 图1 多区域折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解
水位图 水位图是指通过水位的样式，来展示数据实时的变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“水位图”组件至画布空白区域，如图1。 图1 水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
水平堆叠柱图 水平堆叠柱图是柱状图的一种，用于多维度数据的堆叠展示，从而实现数据之间的变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“水平堆叠柱图”组件至画布空白区域，如图1。 图1 水平堆叠柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
数据标记柱图 数据标记柱图是柱状图的一种，通过柱形图的形式展现数据的整体表现，额外的数据标注更直观的展现数据的大小。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“数据标记柱图”组件至画布空白区域，如图1。 图1 数据标记柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的
水平基本柱图 水平基本柱图是柱状图的一种，使用水平柱形图的方式呈现数据的变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“水平基本柱图”组件至画布空白区域，如图1。 图1 水平基本柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元
满月饼图 满月饼图是饼图组件的一种，由基本饼图变换而来，用于某些特殊样式场景。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“满月饼图”组件至画布空白区域，如图1。 图1 满月饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片
3D场景编辑器 图观端场景编辑器用于实现3D模型的展示和编辑。购买“Astro大屏应用企业版”实例时，才会显示该组件。 在大屏设计页面，从“全部组件 > 3D场景编辑器”中，拖拽“图观端场景编辑器”组件至画布空白区域，如图1。 图1 图观端场景编辑器 配置 在配置中，为图观端场景编辑器设置容器名称和场景地址。
Server、MySQL、Oracle、GaussDB和PostgreSQL关系型数据库，作为数据源。 新建关系型数据库数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解
通用配置示例如下，以global_SelectWidget组件为例，设置后效果如图1所示。本示例中的global_SelectWidget为华为云Astro大屏应用系统预置的下拉框组件，可在“我的资产 > 我的组件”中获取。 { type: 'tab', name:
当系统预置的组件无法满足用户需求时，用户可自定义组件并上传到华为云Astro大屏应用中使用。华为云Astro大屏应用为您预置了一些组件模板（Widget包），您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“管理”，进入管理页面。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
