检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置AstroZero高级页面基本饼图组件属性 基本饼图是饼图图表的一种，用于实现饼图图表统计。 图1 属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离
设置AstroZero高级页面水位图组件属性 水位图组件用于实现水位图的统计。 图1 设置水位图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。 距离顶端：组件到页面顶部的距离，单位为px。
设置AstroZero高级页面散点图组件属性 散点图组件主要使用散点的形式展示数据。气泡图和散点图类似，气泡图使用气泡来展示数据。 图1 设置散点图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
设置AstroZero高级页面基本柱图组件属性 基本柱图是柱状图的一种，通过柱形图来呈现数据整体的表现。 图1 设置基本柱图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
为AstroZero高级页面添加组件 高级页面组件分类 高级页面支持的组件类型，以及每个类型下所包含的具体组件，如表1所示。通过该表，可帮助您快速了解各组件的位置分类，更加高效的开发高级页面。当预置组件不满足需求时，还可以自定义组件并上传到高级页面中使用，详情请参见为AstroZero高级页面添加自定义组件。
//修改此处自定义功能按钮 showCancel: true, okText: 'ok', params: {}, }); 父主题： 应用前端开发
使用模板创建AstroZero标准页面 操作场景 系统预置了一些典型场景的标准页面模板，如果业务场景贴合已有模板，建议选择“基于模板”来快速创建标准页面。页面模板包括预置模板（通用模板）和自定义模板两大类。 预置模板（通用模板） 基础表单：基本的表单页面。 多区域表单：有间隔区域的多区域表单页面。
当业务与应用模板中的场景相似度较高时，可以尝试使用应用模板创建，并在模板应用的基础上继续改造应用。 从空白开始创建全新应用 从前端到后端，从零开始，一步步完成应用的开发，其流程如图2所示。 图2 创建应用流程图 父主题： 应用
将AstroZero自定义对象生成前端页面 生成列表页 基于当前对象直接生成一个列表页，用来维护管理对象里的记录数据。例如，对销售数据进行管理，需要一个管理界面，能通过一定条件查询到销售数据，并将销售数据通过列表形式展示在页面上。 参考登录AstroZero新版应用设计器中操作，登录应用设计器。
将AstroZero标准页面保存为模板 标准页面开发完成后，支持将该页面保存为模板。标准页面保存为模板后，该开发者用户、注册AstroZero的华为账号、华为账号下其他AstroZero开发者可直接使用该页面模板来创建标准页面。 自定义标准模板 参考登录AstroZero新版应用设计器中操作，进入应用设计器。
单击页面上方的，保存标准页面。 保存成功后，单击，在移动端预览效果。 图12 原始显示效果 按住左键鼠标向上拖动，数据可正常加载。 图13 异步加载数据 父主题： 应用前端开发
全局：该Library可应用于该站点所有高级页面。 视图级：该Library仅应用于web或mobile视图中。 页面级：可应用于具体哪些高级页面。 父主题： 应用前端开发
设置AstroZero高级页面基本折线图组件属性 基本折线图是折线图的一种，用于实现折线图图表统计。 图1 设置基本折线图属性 基础 组件标题：设置组件的标题，用于在高级页面显示。 组件名称：设置组件的名称，名称是该组件在页面中的唯一标识。 位置 距离左端：组件到页面左侧的距离，单位为px。
设置AstroZero高级页面路由导航和路由视图组件属性 路由导航和路由视图组合使用，可实现路由导航以及展示当前生效路由对应的页面内容（如图1）。一个页面只支持放置一个路由导航和一个路由视图组件。路由导航和路由视图组件的属性和其他组件类似，可参考其他组件进行配置。 图1 页面预览效果
为AstroZero高级页面组件绑定数据 使用桥接器为AstroZero高级页面组件绑定数据 使用WebSocket为AstroZero高级页面组件绑定数据 父主题： 高级页面
段，选中“list”，单击“确定”。 图9 新增list模型 单击页面上方的，保存页面。 页面保存成功后，单击，预览页面。 父主题： 应用前端开发
为AstroZero高级页面添加自定义组件 在线开发AstroZero高级页面自定义组件 管理AstroZero高级页面自定义组件 父主题： 高级页面
添加事件或宏实现AstroZero高级页面组件交互 通过事件动作实现AstroZero高级页面内组件的交互 通过宏实现AstroZero高级页面间组件的交互 父主题： 高级页面
中增加以上表格样式代码，并根据实际情况修改列宽度，增加样式后，预览时即可看到拖动条。 图2 在样式代码中，增加表格列宽样式 父主题： 应用前端开发
json”文件中model值同样为“SingleRepireDataViewModel”。 图2 组件中model值 图3 桥接器包中model值 父主题： 应用前端开发
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
