检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
组件配置项（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 父主题： 代码结构介绍
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
组件介绍 组件入门 图表 媒体 文本 地图 装饰 仪表盘 其它 导航 ECharts图表 3D场景编辑器
翻牌器 翻牌器是文本组件的一种，通过设置翻盘动画效果，来动态展示数据的变化过程。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“翻牌器”组件至画布空白区域，如图1。 图1 翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标
打开“分享码访问”开关，按照规则要求设置分享码和有效期，单击。 图3 设置分享码 输入的分享码，必须符合如下五个条件： 长度为8~32位，仅包含英文字母、数字、特殊字符。 至少包含一个英文小写字母（a-z）。 至少包含一个英文大写字母（A-Z）。 至少包含一个数字（0-9）。 至少包含一个特殊字符（~
该状态下日期块的背景色：设置当前状态下日期块的背景颜色。 日期字体：设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小：设置该状态下日期的行高大小。 内容字体：设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。 日历卡片 背景色：设置日历卡片的背景颜色。 边框色：设置日历卡片边框的颜色。
可自定义内边距大小。 图6 标签内边距 默认文字：选项卡没启用，处于默认状态下的文字字体、文字粗细、文字大小、文字颜色。 激活文字颜色：选中当前选项卡Tab，即激活状态下的文字颜色。 悬浮文字颜色：鼠标悬浮当前选项卡Tab上时，文字的颜色。 默认背景样式：设置选项卡未启用时，默认的背景样式，支持颜色和图片两种样式。
视化大屏应用，满足项目运营管理、业务监控、风险预警等多种业务场景下的一站式数据实时可视化大屏展示需求。 图1 Astro大屏应用业务全景 视频介绍 为什么选择Astro大屏应用 多种数据接入能力，在大屏资产中心里，可保存多种卡片，快速进行业务调整，随心所选 、高效复用。 同一租户
标题内容：“显示标题”开关打开后，设置标题内容。 标题字体：“显示标题”开关打开后，设置标题字体、文字粗细、文字大小和文字颜色。 显示数字：是否显示数字。 数字字体：“显示数字”开关打开后，设置数字字体、数字文字大小、数字文字粗细和数字文字颜色。 显示趋势：图表中是否显示趋势图标。 趋势图标大小：趋势图标的大小。
删除连接器 连接器删除后不可恢复，请谨慎操作。 删除连接器 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“连接器”。 在连接器管理页面，单击已创建连接器后的，选择“删除”。 在弹出的确认框中，单击“确定”，即可删除连接器。
复制连接器 创建同类型HTTP连接器时，通过复制连接器功能，可减少重复操作，提升开发效率。 复制连接器 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“连接器”。 在连接器管理页面，单击已创建连接器后的，选择“复制”，可复制连接器。
新建连接器 操作场景 在AstroCanvas中，通过新建HTTP连接器，可引入第三方的API作为组件的数据来源。 图1 在组件中有引入连接器流程 新建连接器 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“连接器”。
位置选择：设置图例的显示位置，支持左、右和居中显示。 图例间隔：设置图例之间的间隔。 字体：设置小图标的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。 文字风格：设置小图标文字的风格，支持设置为正常、斜体和倾斜体。 图例类型：存在很多图例，导致图表中无法全部显示，此时可设置图例类型，即通过滚动翻页还是普通换行来查看图例。
的页面。 默认文字：设置路由页签默认文字的字体、颜色和大小等。 默认样式：设置路由的默认样式，支持设置为颜色和自定义。 悬浮文字：设置鼠标悬浮在路由上时，页签内容的字体、大小和颜色等。 悬浮样式：鼠标悬浮在路由上时，路由显示的样式，支持设置为颜色和自定义。 点击文字：设置单击路由时，页签内容的字体、大小和颜色等。
进行中状态：步骤进行中状态的颜色。 等待状态：步骤还未完成处于等待状态的颜色。 标签字体：设置步骤标签的字体、大小和颜色等。 描述文字字体：当步骤有描述文字时，描述文字的字体、大小等设置。 标题左边距：步骤标签距离该图标左边的距离。 数据 在数据中，设置步骤条组件的数据来源，更多介绍请参见数据接入。
图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。 图8 图例 统一配置 图例：是否显示图例，如工程管理、环境管理。图例文字内容来源于数据模型下“s”的取值。 图9 图例文字来源 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对齐方式：设置图例的垂
内容、设置内容字体、大小和颜色等。 图4 配置 文本设置 文本内容：设置文本内容。 字体：设置输入文本内容的字体、大小和颜色等。 文字间距：设置文字之间的距离。 对齐方式：设置文本内容对齐方式，支持左对齐、居中和右对齐。 问号提示 问号提示：是否显示问号提示。 提示文本：输入问号提示的文本信息。
3D场景编辑器 图观端场景编辑器用于实现3D模型的展示和编辑。 购买“Astro大屏应用企业版”实例时，才会显示该组件。 在大屏设计页面，从“全部组件 > 3D场景编辑器”中，拖拽“图观端场景编辑器”组件至画布空白区域，如图1。 图1 图观端场景编辑器 配置 在配置中，为图观端场景编辑器设置容器名称和场景地址。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
