检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 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 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
如何进行设置页面 在大屏页面中，可以对页面进行一些基础的配置，例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小，可以使用默认的屏幕大小，也可以自定义页面的大小，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
通过参数控制响应动作 在设置组件交互动作时，可以通过选择事件参数、全局变量或固定值，明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作，新建一个大屏项目。 参考使用空白画布新建页面中操作，新建一个空白页面，如页面一，并拖入实心圆饼图和下拉选择框。
3D场景编辑器 图观端场景编辑器用于实现3D模型的展示和编辑。购买“Astro大屏应用企业版”实例时，才会显示该组件。 在大屏设计页面，从“全部组件 > 3D场景编辑器”中，拖拽“图观端场景编辑器”组件至画布空白区域，如图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 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
多区域折线图 多区域折线图是线状图的一种，通过不同数据区域的对比，可对数据的变化做出更直观的展现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“多区域折线图”组件至画布空白区域，如图1。 图1 多区域折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
水滴水位图 水滴水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“水滴水位图”组件至画布空白区域，如图1。 图1 水滴水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题
圆角矩形水位图 圆角矩形水位图是水位图的一种，用于匹配不同风格、场景的大屏面板。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“圆角矩形水位图”组件至画布空白区域，如图1。 图1 圆角矩形水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素
