检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框显示的内容，可以显示系列名、数据值和百分比，也可以只显示其中的某一个或两个。 数据 在数据中，设置贪吃蛇饼图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置贪吃蛇饼图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。
轮廓样式是否展现：水位图外层轮廓展示开关。 边框宽度：水位图外层轮廓宽度。 颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置钻石水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
创建大屏&PC端项目 在华为云Astro大屏应用中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 创建项目 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在“项目列表”中，单击“新建项目”。 在新建
将组件保存为卡片 将组件保存为卡片，方便后期有需要时，随时调用“我的卡片”中的组件。 将组件保存为卡片 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
轮廓样式是否展现：水位图外层轮廓展示开关。 边框宽度：水位图外层轮廓宽度。 颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置箭头水位图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置箭头水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题：
当系统预置的组件无法满足用户需求时，用户可自定义组件并上传到华为云Astro大屏应用中使用。华为云Astro大屏应用为您预置了一些组件模板（Widget包），您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“管理”，进入管理页面。
组件配置项（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 父主题： 代码结构介绍
字体大小：设置后缀的字体大小。 目标数据显示：是否显示目标数据。 目标数据标题：设置目标数据的标题，如当前目标。 字体：设置目标数据标题的字体、大小和颜色等。 完成数据显示：是否显示完成数据。 完成数据标题：设置完成数据的标题，如已完成。 字体：设置完成数据标题的字体、大小和颜色等。 进度条配置
Studio对象预置API一览表 表1 Studio对象预置API一览表 API API说明 registerWidget 定义组件。 registerConnector 定义桥接器。 registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。
轮廓样式是否展现：水位图外层轮廓展示开关。 边框宽度：水位图外层轮廓宽度。 颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置圆角矩形水位图组件的数据来源，更多介绍请参见数据接入 交互 在交互中，配置圆角矩形水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题：
组件图层位置移动 操作场景 在华为云Astro大屏应用大屏开发页面，支持将组件图层向上、向下移动一层或移动至底层等，帮助您更加合理有效的排列大屏上的组件。 位置层次越靠前，表示组件在画布中的显示越靠前。 位置层次越靠后，表示组件在画布中的显示越靠后。 当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。
轮廓样式是否展现：水位图外层轮廓展示开关。 边框宽度：水位图外层轮廓宽度。 颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置三角形水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
3D场景编辑器 图观端场景编辑器用于实现3D模型的展示和编辑。购买“Astro大屏应用企业版”实例时，才会显示该组件。 在大屏设计页面，从“全部组件 > 3D场景编辑器”中，拖拽“图观端场景编辑器”组件至画布空白区域，如图1。 图1 图观端场景编辑器 配置 在配置中，为图观端场景编辑器设置容器名称和场景地址。
el的情况下可以通过输入数字控制label的宽度（单位为px）。 tip Object 否 tip: { zh_CN: "当前排行榜展示的数据行数", en_US: "Number of data rows displayed in the current ranking page
propertiesConfig是一个数组，用于保存组件配置项的相关字段，包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍，请参见组件数据接入。 组件配置项 配置示例如下，配置后效果如图2所示，组件配置项详细介绍请参见表1。
registerResizeEvent 监听必要的dom尺寸变化事件，画布resize时会触发重新绘制。 callFlowConn 根据组件配置的数据类型（数据集、桥接器、数据源和静态数据），获取数据。 beforeDestroy 组件销毁前的回调函数，组件自己实现继承。 init 组件初始化入口API，以Sel
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在华为云Astro大屏应用中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
