检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
百分号左间距：设置数值和百分比之间的间距。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图11 实心圆饼图提示 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框显示的内容，可以显示系列名、数据值和百分比，也可以只显示其中的某一个或两个。
将组件保存为卡片 将组件保存为卡片，方便后期有需要时，随时调用“我的卡片”中的组件。 将组件保存为卡片 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图
翻页按钮：设置翻页按钮颜色。 翻页按钮不激活：设置翻页按钮不激活时的颜色。 自定义图例显示：开启后，可调整图例名称显示字符长度。默认关闭，即显示图例所有字符。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图11 多区域折线图提示 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。
热力图 热力图是柱状图的一种，通过对色块着色来显示数据的统计图表。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“热力图”组件至画布空白区域，如图1。 图1 热力图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
前提条件 待添加的成员已完成华为云Astro大屏应用授权，否则此处添加成员时无法选择到所需的成员。如何为成员进行授权，请参见授权IAM用户使用华为云Astro大屏应用。 添加成员 租户管理员参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用服务控制台。
设置空间页面配额 空间创建后，支持为该空间设置页面配额。 调整配额 租户管理员参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 将鼠标放在页面右上方的“默认团队空间”上，选择新建工作空间中创建的工作空间，切换到目标工作空间。 在目标工作空间中，单击页面数量下方的“调整配额”。
构建数据 在左侧导航栏中，选择“作业管理 > SQL作业”，查看构建结果。 图4 查看构建结果 创建DLI数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击“新建数据集”。
日期选择器 日期选择器是文本组件的一种，用于在页面选择日期。日期选择器由输入框和日期弹出框组成，单击该组件的输入框，弹出日期选择框可选择具体日期。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“日期选择器”组件至画布空白区域，如图1。 图1 日期选择器 图2 边距样式说明 卡片
轮播图片 轮播图片是指通过轮播的方式，来实现图片广告位的展示。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“轮播图片”组件至画布空白区域，如图1。 图1 轮播图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
时间选择器 时间选择器是文本组件的一种，用于选择时间。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“时间选择器”组件至画布空白区域，如图1。 图1 时间选择器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
组件图层位置移动 操作场景 在华为云Astro大屏应用大屏开发页面，支持将组件图层向上、向下移动一层或移动至底层等，帮助您更加合理有效的排列大屏上的组件。 位置层次越靠前，表示组件在画布中的显示越靠前。 位置层次越靠后，表示组件在画布中的显示越靠后。 当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。
通过参数控制响应动作 在设置组件交互动作时，可以通过选择事件参数、全局变量或固定值，明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作，新建一个大屏项目。 参考使用空白画布新建页面中操作，新建一个空白页面，如页面一，并拖入实心圆饼图和下拉选择框。
下载图表模板。 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 单击页面右上角的“管理”，进入华为云Astro大屏应用管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 表1 组件模板列表 组件模板名称 功能 EchartsWidgetTemplate
百分号左间距：设置数值和百分比之间的间距。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图8 贪吃蛇饼图提示 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框显示的内容，可以显示系列名、数据值和百分比，也可以只显示其中的某一个或两个。
示，返回true显示function定义。 options Object 是 options: ["label": {"zh_CN": "开启","en_US": "Enable"},"value": true},{"label": {"zh_CN": "关闭","en_US":
示，返回true显示function定义。 options Object 是 options: ["label": {"zh_CN": "开启","en_US": "Enable"},"value": true},{"label": {"zh_CN": "关闭","en_US":
组件在没有对接外部数据源时，使用的获取桩数据的API自定义实现。考虑数据集天然支持二维数组对象，桩数据结构统一为二维数组对象[{id:3,name:'zhangsan'}]。某些场景假如只需要一个简单值val，可以设置组件桩数据设置为简单二维对象数组[{val:123}]。 - 文件示例 通用的组件核心代码
获取Connector属性，无入参，使用方式参考如下： const connProps = this.getConnectorProperties(); connProps对象中，包含组件接入的所有数据源信息。 图1 数据源信息 getConnectorInstanceByName 通过Connector名称获取
是否允许用户创建新条目，需配合filterable使用，默认为false。 multiple Boolean 否 multiple: false 开启多选，默认为false。 noClearable Boolean 否 noClearable: true 是否允许清空。 remote Boolean
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
