检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
了解代码目录结构 当系统预置的组件无法满足用户需求时，用户可自定义组件并上传到华为云Astro大屏应用中使用。华为云Astro大屏应用为您预置了一些组件模板（Widget包），您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
计费说明 华为云Astro大屏应用根据您选择的实例版本、页面扩容包和购买时长进行计费。华为云Astro大屏应用提供了三种不同的套餐版本，均为包年/包月购买方式。如果您需要快速了解华为云Astro大屏应用服务的具体价格，请参见华为云Astro大屏应用价格详情。 表1标“*”的计费项为必选计费项。
字体大小：设置后缀的字体大小。 目标数据显示：是否显示目标数据。 目标数据标题：设置目标数据的标题，如当前目标。 字体：设置目标数据标题的字体、大小和颜色等。 完成数据显示：是否显示完成数据。 完成数据标题：设置完成数据的标题，如已完成。 字体：设置完成数据标题的字体、大小和颜色等。
自动续费可以减少手动续费的管理成本，避免因忘记手动续费而导致华为云Astro大屏应用被自动删除。自动续费的规则如下所述： 以华为云Astro大屏应用的到期日计算第一次自动续费日期和计费周期。 华为云Astro大屏应用自动续费周期以您选择的续费时长为准。例如，您选择了3个月，华为云Astro大屏应用即在每次到期前自动续费3个月。
'只聚焦当前高亮的数据的图形', en_US: 'Self' }, value: 'self', }, { label: { zh_CN: '聚焦当前高亮的数据所在的系列的所有图形'
图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 箭头水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。 纵坐标(%)：水位图整体在组件位置中的纵坐标百分比。
表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 渐变色饼图图形 颜色：设置组件中图表的图例颜色。 统一配置 数据系列：是否显示该系列数据。如果不选中，会隐藏该组件中对应的系列数据。 南丁格尔图：是否使用南丁格尔图。 内半径：设置饼图内半径的值，单位%。 外半径：设置饼图外半径的值，单位%。
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 钻石水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。 纵坐标(%)：水位图整体在组件位置中的纵坐标百分比。
图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 圆角矩形水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。 纵坐标(%)：水位图整体在组件位置中的纵坐标百分比。
图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 矩形水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。 纵坐标(%)：水位图整体在组件位置中的纵坐标百分比。
约束与限制 华为云Astro大屏应用实例 表1 华为云Astro大屏应用实例规格约束与限制 限制项 约束与限制 实例版本 华为云Astro大屏应用目前支持的实例版本有：华为云Astro大屏应用基础版、华为云Astro大屏应用专业版和华为云Astro大屏应用企业版。 华为云Astro
图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水滴水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。 纵坐标(%)：水位图整体在组件位置中的纵坐标百分比。
// 渲染组件 }, render()函数：组件核心渲染API，负责组件的实例化和数据调用，以及事件和动作的实际实现。 /** * 组件核心渲染api，负责组件的实例化、数据调用及事件、动作的实际实现 */ render() { const widgetContainer
echarts组件作为响应器的动作时，可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。 echartsInst
发布及安装项目 发布项目 安装项目 如何将华为云Astro轻应用中的大屏项目迁移到华为云Astro大屏应用
库是支撑页面组件运行的第三方依赖，如果缺少相应的库，则组件不能正常运行。在项目的资源设置中，您可以管理页面中使用到的库。 资源设置 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。
操作步骤 登录管理控制台。 单击左侧导航栏的图标，选择 “开发与运维 > Astro轻应用（原AppCube）”，进入华为云Astro轻应用服务控制台。 在左侧导航栏中，选择“Astro大屏应用”，进入华为云Astro大屏应用服务控制台。 在已购买的实例中，单击“升级服务”。 在升级规
添加组件 在华为云Astro大屏应用中，组件是大屏、移动端页面的组成元素。华为云Astro大屏应用提供了一些预置组件供您使用，同时支持自定义组件并上传到华为云Astro大屏应用中使用。 添加组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在页
保存页面。 图4 拖入其他组件 单击页面上方的，单击“+新建版本”，会生成第二个版本。 生成的第二个版本会显示在上方，由于发布页设置的是第一个版本的页面，这时用户通过发布后的链接访问页面，页面仍是第一个版本，不会看到第二个版本新建的折线图组件。 图5 新建第二个版本 父主题： 页面管理
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
