检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。
在高级页面设计器中，单击，从“图表 > 线状图”中，拖拽“基本折线图”组件到画布中，如图1所示。 图1 基本折线图 属性 在属性中，设置基本折线图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
汇总值 汇总值组件用于对表单中某些字段数据或者记录总数进行数量汇总，即求和。在报表编辑页面，拖拽“汇总值”组件到中间区域，右侧可设置组件属性。 图1 汇总值 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 数据 统计规则：选择统计规则。 按字段：按字段
</el-form> </div> 参考6中操作，在组件库中上传该Widget包。 打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 选中该Widget，会在右侧显示该组件的属性配置面板。 在“属性”页签下，“自定义属性列表”区
图5 表单属性页面 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分
在AstroZero中编排高级页面时，如何实现不加载组件库资源？ 问题描述 在开发环境编排页面时，不需要加载依赖库。 解决方法 参考登录经典应用设计器操作，进入应用经典版设计器。 在应用设计器菜单栏下方，单击“页面设置”。 图1 选择页面设置 选择“资源”页签，在不需要加载的库资
成的高级页面为同一URL，当电脑端或移动端加载这一URL时，平台会自动检测加载相应视图页面。 如果用户开发的高级页面用于多种设备，推荐使用具有响应式布局的流式布局进行高级页面开发。 如果用户仅开发了电脑端高级页面，在移动端也可加载显示，但由于分辨率差别较大，可能会出现效果不佳的情
饼图 饼图组件用于实现饼图样式数据报表统计。在报表编辑页面，拖拽“饼图”组件到中间区域，右侧可设置组件属性。 图1 饼图 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 数据 扇区分区：选择哪些字段，作为饼图扇区分区字段。单击，可设置维度名称相同时是否合并。
在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。
行展示。 在高级页面设计器中，单击，从“仪表盘”中，拖拽“仪表盘”组件到画布中，如图1所示。 图1 仪表盘 属性 在属性中，设置仪表盘组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
单击“设置规则”，进入设置区间配色规则页面。 如果数值同时满足多个条件区间，则默认取按顺序排列的第一个条件设置。 单击“选择数值字段”，选择对应的数值字段，按需设置字段区间配色。 图2 设置区间配色规则 属性：勾选后，页面上会隐藏该字段。 宽度：组件框的宽度，占页面宽度的比例。 父主题： 统计页面组件介绍
添加事件实现AstroZero组件间交互 AstroZero标准页面事件编排器概述 通过内置动作实现AstroZero标准页面组件交互 通过自定义动作实现AstroZero标准页面组件交互 父主题： 标准页面
返回“应用设置 > 主题管理”页面，打开对应主题后的“OFF”，启用该主题。 图3 开启主题 返回标准页面开发界面，单击页面上方的，在预览页面可查看到自定义样式后的效果，如图4。 图4 定义样式后的效果 （可选）管理标准页面主题。 标准页面主题创建后，在主题管理中，可管理已创建的主题。
柱状图 柱状图组件用于实现柱状图样式数据报表统计。在报表编辑页面，拖拽“柱状图”组件到中间区域，右侧可设置组件属性。 图1 柱状图 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 数据 维度：选择字段作为维度字段。单击，可设置维度排序方式（如升序、倒序等）和维度名称相同时是否合并。
在站点内引用库 在“新建资源”页面，选择“资源库”，选择库单击“新增”。 全局：该Library可应用于该站点所有高级页面。 视图级：该Library仅应用于web或mobile视图中。 页面级：可应用于具体哪些高级页面。 父主题： 应用前端开发
折线图 折线图组件实现折线图样式数据报表统计。在报表编辑页面，拖拽“折线图”组件到中间区域，右侧可设置组件属性。 图1 折线图 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 数据 维度：选择字段作为维度字段。单击，可设置维度排序方式（如升序、倒序等）和维度名称相同时是否合并。
二维码 二维码用于根据文本内容或链接地址生成二维码，用户通过微信或支付宝扫描二维码，可查看到文本内容或者跳转到相应的链接。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“二维码”组件至页面工作区域，如图1。 图1 二维码 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。
配置高级页面组件桥接器实例属性时，如何设置下拉框中的选项值？ 问题描述 配置组件“数据”页签的桥接器实例属性时，下拉框中的选项来源是哪里设置的？ 图1 桥接器实例 解决方法 当组件中定义的桥接器属性设置的model值和桥接器中定义的model值相同时，桥接器实例选项可选到这些桥接器。
在AstroZero标准页面组件较多时，如何快速选中组件？ 方式一：使用组件导航，选中目的组件 当页面中组件过多，不易选择某个组件时，可以先选择该组件附近的某个子组件，当选中子组件后，“组件导航”上将显示它的html标签层级。直接单击标签层级，即可快速切换组件。 如图1所示，当不
富文本 富文本组件为升级版的文本的输入，支持填写图文并茂的内容。 在表单开发页面，从“数据组件”中，拖拽“富文本”组件至表单设计区域，如图1。 图1 富文本 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 行数：设置富文本默认行数，支持行高随内容自动调整。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
