检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图标位置：设置图标的显示位置，如进度条上方、进度条下方。 数据 在数据中，设置图标进度条组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置图标进度条组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置圆角矩形水位图组件的数据来源，更多介绍请参见数据接入 交互 在交互中，配置圆角矩形水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
颜色：轮廓颜色样式设置，支持单色、渐变色。 数据 在数据中，设置矩形水位图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置矩形水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置基本折线图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
值和百分比，也可以只显示其中的某一个或两个。 数据 在数据中，设置玫瑰花饼图的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置玫瑰花饼图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
百分比，也可以只显示其中的某一个或两个。 数据 在数据中，设置渐变色饼图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置渐变色饼图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
步骤一：注册账号并实名认证 使用AstroCanvas前，需要先注册一个华为账号并进行实名认证。如果您已有一个华为账号，可直接跳过如下操作，但需要确保账号有足够的金额。 进入华为云官网，单击页面右上角的“注册”。 参考注册华为账号并开通华为云中操作，完成注册。 注册后参考个人账号如何完成实名认证
颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置水滴水位图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置水滴水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置区域图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
我是新用户 新用户购买AstroCanvas实例后，可从Astro轻应用控制台登录AstroCanvas界面。 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 单击管理控制台左上角的，展开服务列表，选择“开发与运维 > Astro轻应用（原AppCube）”，进入AstroZero服务控制台。
{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。
{widget}.js：组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。 父主题： 代码结构介绍
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件，用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription":
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在AstroCanvas中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置三角形水位图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 图表
i18n.json 文件介绍 i18n.json为组件的国际化资源文件，用于配置多语言，目前支持的多语言包含中英文两种，相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中，在packageinfo.json中的配置示例如下： "i18n":
propertiesConfig 字段介绍 propertiesConfig是一个数组，用于保存组件配置项的相关字段，包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍，请参见组件数据接入。 组件配置项 配置示例如下
eventConfig 字段介绍 eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下：
classfication 字段介绍 classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
