检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
散点图 散点图是气泡图的一种，通过数据点，来对数据的相关性进行描述的可视化图形。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“散点图”组件至画布空白区域，如图1。 图1 散点图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标
基本柱图 基本柱图是柱状图的一种，通过柱形图来呈现数据整体的表现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“基本柱图”组件至画布空白区域，如图1。 图1 基本柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
如何进行设置页面 在大屏页面中，可以对页面进行一些基础的配置，例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小，可以使用默认的屏幕大小，也可以自定义页面的大小，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
瀑布柱图 瀑布柱图是柱状图的一种，具有自上而下的流畅效果，在企业经营分析、财务分析中使用较多，用以表示企业成本的构成、变化等情况。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“瀑布柱图”组件至画布空白区域，如图1。 图1 瀑布柱图 图2 边距样式说明 卡片 卡片是指包裹图表
基本饼图 基本饼图是饼图的最基础表现形式，即通过饼图的方式，将数据信息清晰的展示在可视化应用上。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“基本饼图”组件至画布空白区域，如图1。 图1 基本饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡
双向柱图 双向柱图是柱状图的一种，通过柱形图双向呈现数据的变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“双向柱图”组件至画布空白区域，如图1。 图1 双向柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
OpenLayers地图 OpenLayers地图是一个离线地图组件，可以基于OpenLayers添加各类图层。 在大屏设计页面，从“地图”中，拖拽“OpenLayers地图”组件至画布空白区域，如图1。 图1 OpenLayers地图 图2 边距样式说明 卡片 卡片是指包裹图表
（可选）新建目录 为了便于集中管理数据集，可以为数据集指定目录。 新建一个目录 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 单击“所有数据集”，再单击“...”，选择“新增目录”。
折柱图 折柱图是柱状图的一种，通过折线和柱状图相结合的方式，将数据信息以折柱图的形式清晰地展示在可视化应用上。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“折柱图”组件至画布空白区域，如图1。 图1 折柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解
满月饼图 满月饼图是饼图组件的一种，由基本饼图变换而来，用于某些特殊样式场景。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“满月饼图”组件至画布空白区域，如图1。 图1 满月饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片
轮播饼图 轮播饼图是饼图组件的一种，饼图中的数据可自动播放，实现动态效果。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“轮播饼图”组件至画布空白区域，如图1。 图1 轮播饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题
高德地图 高德地图是地图组件的一种，支持底图、样式、2D、3D模式、图标和飞线等动态配置，用于满足用户在GIS或IOC等场景对地图的要求。 在大屏设计页面，从“地图”中，拖拽“高德地图”组件至画布空白区域，如图1。 图1 高德地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的
前提条件 待添加的成员已完成华为云Astro大屏应用授权，否则此处添加成员时无法选择到所需的成员。如何为成员进行授权，请参见授权IAM用户使用华为云Astro大屏应用。 添加成员 租户管理员参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用服务控制台。
组件图层位置移动 操作场景 在华为云Astro大屏应用大屏开发页面，支持将组件图层向上、向下移动一层或移动至底层等，帮助您更加合理有效的排列大屏上的组件。 位置层次越靠前，表示组件在画布中的显示越靠前。 位置层次越靠后，表示组件在画布中的显示越靠后。 当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。
“确定”。 图3 赋值 单击“+响应动作”，选择“页面跳转”，跳转到外部页面，外部页面地址引用全局变量，设置为“${url}”，弹出新窗口打开页面地址，单击“确定”。 单击“完成”，设置后用户在单击柱图数据时，会跳转到数据集中设置的具体url页面。 图4 设置页面跳转 设置完成后，单击页面上方的，保存页面。
通过参数控制响应动作 在设置组件交互动作时，可以通过选择事件参数、全局变量或固定值，明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作，新建一个大屏项目。 参考使用空白画布新建页面中操作，新建一个空白页面，如页面一，并拖入实心圆饼图和下拉选择框。
params); }, 全局变量 组件触发自定义事件时，可以给全局变量赋值，fields数组中每一个对象保存着暴露给全局变量的详细配置。 图2 给全局变量赋值 表2 fields数组中对象字段详细说明 字段 类型 说明 name String key值。 desc Object 字段描述，需要国际化。
获取Connector属性，无入参，使用方式参考如下： const connProps = this.getConnectorProperties(); connProps对象中，包含组件接入的所有数据源信息。 图1 数据源信息 getConnectorInstanceByName 通过Connector名称获取
水平堆叠柱图 水平堆叠柱图是柱状图的一种，用于多维度数据的堆叠展示，从而实现数据之间的变化。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“水平堆叠柱图”组件至画布空白区域，如图1。 图1 水平堆叠柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
数据标记柱图 数据标记柱图是柱状图的一种，通过柱形图的形式展现数据的整体表现，额外的数据标注更直观的展现数据的大小。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“数据标记柱图”组件至画布空白区域，如图1。 图1 数据标记柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
