检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 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 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景
翻牌器 翻牌器是文本组件的一种，通过设置翻盘动画效果，来动态展示数据的变化过程。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“翻牌器”组件至画布空白区域，如图1。 图1 翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题
树状下拉框 树状下拉框是一种带有树形结构的下拉框，通常用于选择有限选项数据的级联场景。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“树状下拉框”组件至画布空白区域，如图1。 图1 树状下拉框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件，用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription
下拉选择框 下拉选择框是文本组件的一种，用于在下拉框中选择某一项内容，由一个输入框和一个下拉弹出框组成。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“下拉选择框”组件至画布空白区域，如图1。 图1 下拉选择框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
时间轴 时间轴是文本组件的一种，用于按时间顺序来展示了一系列事件。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“时间轴”组件至画布空白区域，如图1。 图1 时间轴 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景
路由导航(示例) 路由导航(示例)是导航组件的一种，通过配置不同的路由页面，快速切换和定位到其它的页面中，给数据大屏提供更多的交互模式。 在大屏设计页面，从“全部组件 > 导航”中，拖拽“路由导航(示例)”组件至画布空白区域，如图1，路由视图的配置介绍，请参见路由视图。 图1 路由导航
日历组件 日历组件是文本组件的一种，用于展示日历，用户可在具体日期上记录待办事项或者重要内容。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“日历组件”组件至画布空白区域，如图1。 图1 日历组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
瀑布柱图 瀑布柱图是柱状图的一种，具有自上而下的流畅效果，在企业经营分析、财务分析中使用较多，用以表示企业成本的构成、变化等情况。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“瀑布柱图”组件至画布空白区域，如图1。 图1 瀑布柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构
气泡图 气泡图是指通过使用气泡形状，来展现数据的大小分布情况。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“气泡图”组件至画布空白区域，如图1。 图1 气泡图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、
图标进度条 图标进度条是柱状图的一种，通过图标和进度条可实现百分比展示能力，同时支持自定义图标。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“图标进度条”组件至画布空白区域，如图1。 图1 图标进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
水平堆叠柱图 水平堆叠柱图是柱状图的一种，用于多维度数据的堆叠展示，从而实现数据之间的变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“水平堆叠柱图”组件至画布空白区域，如图1。 图1 水平堆叠柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
按钮 按钮组件通常与其他组件配合使用， 用于展示链接页面或提示信息等。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“按钮组件”组件至画布空白区域，如图1所示。 图1 按钮组件 配置 在配置中，设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置：设置按钮的样式，如常规按钮
散点图 散点图是气泡图的一种，通过数据点，来对数据的相关性进行描述的可视化图形。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“散点图”组件至画布空白区域，如图1。 图1 散点图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题
双向柱图 双向柱图是柱状图的一种，通过柱形图双向呈现数据的变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“双向柱图”组件至画布空白区域，如图1。 图1 双向柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景
贪吃蛇饼图 贪吃蛇饼图是饼图组件的一种，在加载时，饼图渲染呈现“贪吃蛇”的动画样式。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“贪吃蛇饼图”组件至画布空白区域，如图1。 图1 贪吃蛇饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
数据标记柱图 数据标记柱图是柱状图的一种，通过柱形图的形式展现数据的整体表现，额外的数据标注更直观的展现数据的大小。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“数据标记柱图”组件至画布空白区域，如图1。 图1 数据标记柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
