检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
贪吃蛇饼图 贪吃蛇饼图是饼图组件的一种，在加载时，饼图渲染呈现“贪吃蛇”的动画样式。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“贪吃蛇饼图”组件至画布空白区域，如图1。 图1 贪吃蛇饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础
箭头水位图 箭头水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“箭头水位图”组件至画布空白区域，如图1。 图1 箭头水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标
新建连接器 操作场景 在华为云Astro大屏应用中，通过新建HTTP连接器，可引入第三方的API作为组件的数据来源。 图1 在组件中有引入连接器流程 新建连接器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“连接器”。
组件配置项（Config配置） 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题： 自定义组件开发规范
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍
矩形水位图 矩形水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“矩形水位图”组件至画布空白区域，如图1。 图1 矩形水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标
基本折线图 基本折线图是线状图的一种，通过折线变换的形式，对数据进行展现，可直观展示数据的变化趋势。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“基本折线图”组件至画布空白区域，如图1。 图1 基本折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为
渐变色饼图 渐变色饼图是饼图组件的一种，内部扇区由渐变颜色渲染，适用于特殊页面呈现场景。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“渐变色饼图”组件至画布空白区域，如图1。 图1 渐变色饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中
玫瑰花饼图 玫瑰花饼图是饼图组件的一种，可以根据数据进行特殊的展现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“玫瑰花饼图”组件至画布空白区域，如图1。 图1 玫瑰花饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、
后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时，在添加转换器时，需要先筛选、再排序、最后分页，如。 图1 转换器添加顺序 后台排序 参考登录华为云Astro大屏应用界面中操作，登录AstroCanvas界面。 新建后台排序转换器。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“转换器
删除数据集 数据集删除后，不可恢复，请谨慎操作。 删除数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击待删除数据集中的，选择“删除”。 数据集
静态数据数据集 静态数据录入，支持手工输入和导入Excel/CSV两种方式。 创建数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击“新建数据集”。
圆角矩形水位图 圆角矩形水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“圆角矩形水位图”组件至画布空白区域，如图1。 图1 圆角矩形水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中
图标进度条 图标进度条是柱状图的一种，通过图标和进度条可实现百分比展示能力，同时支持自定义图标。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“图标进度条”组件至画布空白区域，如图1。 图1 图标进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
HTTP连接器数据源 前提条件 参考新建连接器中操作，创建HTTP连接器。 新建HTTP连接器数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。
Prometheus数据集 前提条件 连接的数据源已创建，如何创建请参见Prometheus数据源。 创建Prometheus数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击“新建数据集”。
ROMA连接器数据源 第三方接口或服务通过配置为ROMA连接器的方式，接入外部数据。 新建ROMA连接器数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。
通用配置示例如下，以global_SelectWidget组件为例，设置后效果如图1所示。本示例中的global_SelectWidget为华为云Astro大屏应用系统预置的下拉框组件，可在“我的资产 > 我的组件”中获取。 { type: 'tab', name:
水滴水位图 水滴水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“水滴水位图”组件至画布空白区域，如图1。 图1 水滴水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时，可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
