组件介绍-华为云

华为云ASTRO大屏应用-ECharts图表:数据

数据在数据中，配置ECharts组件的数据来源，更多介绍请参见数据接入。与其他组件不同的是，ECharts组件在数据配置流程中没有字段映射，而是直接改变实例化代码块的内容。图11 设置ECharts图表组件数据源将左侧表格字段拖拽到右侧配置中的代码块高亮处，如图12。如果简单的拖拽列方法无法满足需求，可以在代码中用“$data”获取数据配置结果，以javascript代码处理逻辑，如图13。图12 拖拽字段图13 通过“$data”实现

华为云ASTRO大屏应用组件介绍

华为云ASTRO大屏应用-ECharts图表:ECharts组件设置

ECharts组件设置在ECharts组件设置中，可以设置ECharts组件的初始化代码块、实例化代码块、自定义事件和自定义动作。图4 代码设置初始化代码块：初始化代码块输入框是一个javascript的执行环境，该执行环境的目的是调用echarts的init方法创建实例，此处可配置初始化相关的操作，包括echarts的主题等。图5 初始化代码块单击“参数说明”，可查看初始化代码块的参数说明。单击，可复制初始化代码。单击，可最大化初始化代码块页面。实例化代码块：和初始化代码块类似，实例化代码块的目的是构造echarts setOption所需要的option对象（setOption对象平台会自动执行）。华为云Astro大屏应用提供了上百种echarts组件，本质上是不同的实例化代码，这些实例化代码来自echarts官网的demo代码，例如https://echarts.apache.org/examples/zh/editor.html?c=line-simple。如果这些demo不满足您的需求，还可以在echarts开源社区选择合适的demo。在实例化代码块中，还可以实现异步加载和引入第三方库，详情请参见异步加载和引入第三方库。图6 实例化代码块单击“参数说明”，可查看实例化代码块的参数说明。单击，可复制实例化代码。单击，可最大化实例化代码块页面。自定义事件：echarts组件支持自定义扩展事件和交互，来扩展组件在系统中的交互能力。单击“新增自定义事件”，可新增事件。在事件实现中，编辑事件实现的代码，为echarts实例或组件实例的某个动作回调绑定发送事件的方法triggerCurrentEvent。单击“新增字段”，可定义发送事件时携带的参数字段。如何为自定义事件添加交互，请参见echarts组件自定义事件交互设置。图7 自定义事件自定义动作：echarts组件支持自定义动作，来响应事件。单击“新增自定义动作”，可新增动作。在动作实现中，编写触发动作的执行逻辑。入参的echartsInst可以使用echarts的API，widgetInst可以使用华为云Astro大屏应用组件通用的API。单击“新增参数”，可以定义触发动作时入参字段。如何为自定义动作添加交互，请参见echarts组件自定义动作交互设置。

华为云ASTRO大屏应用组件介绍

华为云ASTRO轻应用-饼图

饼图饼图组件用于实现饼图样式数据报表统计。在报表编辑页面，拖拽“饼图”组件到中间区域，右侧可设置组件属性。图1 饼图显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。数据扇区分区：选择哪些字段，作为饼图扇区分区字段。单击，可设置维度名称相同时是否合并。第几个扇区后合并为其他：设置第几个扇区后，扇区合并为其他。数值：选择展示数值的字段。设置后，单击，可设置数值汇总方式（如总和、最大值和最小值等）和饼图扇区数据为0时是否显示。数据更新方式：图表是否需要实时更新，支持设置更新时间间隔。筛选数据：单击“+添加筛选条件”，设置过滤条件。设置后，可根据条件统计数据。外观大小：设置图表的大小，如大、中或小。样式：选择图表的样式。布局：是否开启自动布局功能，默认为开启。如果不开启，可根据实际需求进行如下设置。列表布局：设置图例的列表布局，如垂直、水平。标签换行：是否开启标签换行。开启后，当标签字数超过设置的单行最多字数时会自动换行。图2 标签换行单行最多字数：设置图例单行最多显示多少字，取值为1~50。图3 单行最多字数列表项间距：设置图例列表项的间隔距离，单位px。图4 列表项间距图例位置(上边距)：设置图例到组件边框顶部的百分比。图例位置(左边距)：设置图例到组件边框左侧的百分比。图表位置(上边距)：设置图表到组件边框顶部的百分比。图表位置(左边距)：设置图表到组件边框左侧的百分比。图5 图表位置属性：勾选后，页面上会隐藏该字段。宽度：该组件框的宽度，占页面宽度的比例。父主题：统计页面组件介绍

华为云ASTRO轻应用统计页面组件介绍

华为云ASTRO轻应用-单行文本

单行文本单行文本组件用于录入普通的文本，包含文字、数字等，例如商品名称、人员姓名、车牌号、邮政编码、地址、身份证号码等。在表单开发页面，从“数据组件”中，拖拽“单行文本”组件至表单设计区域，如图1。图1 单行文本组件显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。单击显示名称后的“字段引用”，可将选择的字段取值引用到当前字段名称上。验证：对字段做一些限制。必填：字段是否必填。不允许重复：字段值是否可重复填写。限定字数：输入字数是否进行限制，如果限制请给出具体限制值。单行文本组件最多支持输入85个字符。限定格式：是否限制输入格式，例如限制格式为字母、字母数字和数字。系统已为每种格式预置了相应的正则表达式进行校验，也预置了错误提示，您可在“测试”框中输入字段值进行测试。属性：设置字段的属性，包括只读、禁用和隐藏。只读：勾选后，页面上该字段只可读。禁用：勾选后，页面上该字段仍可显示，但不可进行配置。隐藏：勾选后，页面上会隐藏该字段。宽度：字段配置框宽度占页面宽度的比例。启用移动端扫码：开启后，支持扫码录入文本，如将扫描条形码、二维码时识别出来的文字录入到单行文本中。默认值：支持设置如下默认值。其他字段值：该表单内的其他定位组件、关联记录中的定位字段。关联数据：关联已有数据，即取查询到的，最新的一条数据作为默认值。图2 配置默认值公式编辑：给表单中的某个字段编辑公式后，在填写表单或修改表单数据时，可以使该字段的值根据公式自动计算出来，不需要再手动填写，提高效率。引导文字：当用户没有配置该字段值时，在界面显示的引导文字，可以设置为中文，也可以设置为英文。问号提示：当该字段较难理解时，可通过配置“问号提示”告诉用户该字段的含义、如何配置等，可以设置为中文，也可以设置为英文。设置后，页面该字段旁会有问号图标，单击后会显示配置的“问号提示”内容。描述信息：设置组件的描述信息，支持换行和国际化配置。父主题：零码组件介绍

华为云ASTRO轻应用零码组件介绍

MapReduce服务 MRS-Tez:Tez和Yarn间的关系

Tez和Yarn间的关系 Tez是运行在Yarn之上的计算框架，运行时环境由Yarn的ResourceManager和ApplicationMaster组成。其中ResourceManager是一个全新的资源管理系统，而ApplicationMaster则负责MapReduce作业的数据切分、任务划分、资源申请和任务调度与容错等工作。此外，TezUI依赖Yarn提供的TimelineServer实现Tez任务运行过程呈现。

MapReduce服务 MRS 组件介绍

MapReduce服务 MRS-Tez:Tez和MapReduce间的关系

Tez和MapReduce间的关系 Tez采用了DAG来组织MapReduce任务（DAG中一个节点就是一个RDD，边表示对RDD的操作）。它的核心思想是把将Map任务和Reduce任务进一步拆分，Map任务拆分为Input-Processor-Sort-Merge-Output，Reduce任务拆分为Input-Shuffer-Sort-Merge-Process-output，Tez将若干小任务灵活重组，形成一个大的DAG作业。图1 Hive基于MapReduce提交任务和基于Tez提交任务流程图 Hive on MapReduce任务中包含多个MapReduce任务，每个任务都会将中间结果存储到HDFS上——前一个步骤中的reducer为下一个步骤中的mapper提供数据。Hive on Tez任务仅在一个任务中就能完成同样的处理过程，任务之间不需要访问HDFS。

MapReduce服务 MRS 组件介绍

Astro工作流 AstroFlow-地址

地址地址组件用于设置员工出生地、公司所在地等地址信息。在表单设计页面，从“常用组件”中，拖拽“地址”组件至表单设计区域，如图1所示。图1 拖拽地址组件到设计区并设置属性标题：该字段在表单页面呈现给用户的名称。帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。描述信息：为字段添加附件的说明信息。状态：设置字段的状态，如普通、禁用、只读和隐藏。普通：设置为普通后，页面上该字段可正常显示，且可进行配置。只读：设置为只读后，页面上该字段只可读。禁用：设置为禁用后，页面上该字段仍可显示，但不可进行配置。隐藏：设置为隐藏后，页面上会隐藏该字段。是否必填：字段是否必填。设置为必填时，字段前会带“*”。占位符：设置字段的占位符。类型：设置地址的类型，支持“省/市/区/详细地址”、“省/市/区”、“省/市”和“省”等类型。子标题：设置详细地址的显示标题。“类型”为“省/市/区/详细地址”或“省/市/区/街道/详细地址”时，才显示该配置。输入提示：设置详细地址输入框的提示信息。“类型”为“省/市/区/详细地址”或“省/市/区/街道/详细地址”时，才显示该配置。默认值：设置地址的默认值。详细地址：设置详细地址的默认值。“类型”为“省/市/区/详细地址”或“省/市/区/街道/详细地址”时，才显示该配置。清除按钮：是否显示清除按钮。数据掩码显示：勾选后，会对地址和详细地址进行加密显示。图2 加密显示父主题：表单常用组件介绍

Astro工作流 AstroFlow 表单常用组件介绍

Astro工作流 AstroFlow-文本

文本文本是一种样式组件，可以为这个区域设置一个标题等类似文字，用户不会提交数据。文本和单行文本输入、多行文本输入、富文本呈现的效果，如图1所示。图1 各文本组件效果呈现图图2 拖拽文本组件到设计区并设置属性状态：设置字段的状态，如普通和隐藏。普通：设置为普通后，页面上该字段可正常显示，且可进行配置。隐藏：设置为隐藏后，页面上会隐藏该字段。内容设置：输入具体的文本内容。文本设置：设置文本内容的字体、大小和颜色等。对齐方式：设置文本内容的对齐方式，如左对齐、居中对齐和右对齐。父主题：表单样式布局组件介绍

Astro工作流 AstroFlow 表单样式布局组件介绍

Astro工作流 AstroFlow-备注:样式配置

样式配置内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。边框：位置：设置边框的位置，支持配置上、下、左、右和四周。宽度：设置边框的宽度。默认值为0px，范围为0~50px。样式：设置边框样式，根据需求选择“无”、“圆点”、“虚线”和“实线”。颜色：设置边框显示的颜色。圆角：给元素添加圆角效果，设置圆角的大小和位置。默认值为0px，范围为0~500px。背景：设置组件样式的背景颜色。阴影： X：X偏移，阴影相对于其源元素在水平方向（X轴）的偏移距离，取值范围[-100, 100]。 Y：Y偏移，阴影在垂直方向（Y轴）的偏移距离，取值范围[-100, 100]。模糊：阴影的模糊程度。值为0时表示阴影边缘锐利，没有模糊。值越大，阴影的边缘就越模糊，从而产生更柔和的阴影效果。取值范围[0, 100]。扩散：扩散半径，它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大，负值则会减小阴影的尺寸。取值范围[-100, 100]。颜色：设置阴影的颜色。

Astro工作流 AstroFlow 自定义页面组件介绍

Astro工作流 AstroFlow-关联表单:参数说明

参数说明标题：该字段在表单页面呈现给用户的名称。帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。描述信息：为字段添加附件的说明信息。状态：设置字段的状态，如普通、禁用、只读和隐藏。普通：设置为普通后，页面上该字段可正常显示，且可进行配置。只读：设置为只读后，页面上该字段只可读。隐藏：设置为隐藏后，页面上会隐藏该字段。按钮名称：关联表单中按钮展示的名称。占位符：默认为“请选择数据”，可自定义修改，在未选择数据前将显示该字段。数据选择：选择关联的表单及字段。数据刷选：设置数据筛选条件，筛选出匹配条件的数据。图2 设置数据筛选条件图3 筛选后数据数据填充：将选中的关联数据的字段填充到当前表单的字段中。更多相关说明请参考数据填充。同一组件不能同时配置关联表单和数据联动。例如，单选字段【商品类型】已由关联表单组件赋值，则不能设置数据联动。反之，单选字段【商品类型】已设置了数据联动，则不能再由关联表单组件赋值。是否必填：字段是否必填。设置为必填时，字段前会带“*”。清除按钮：开启后，可清除选择数据框后将显示清除按钮，单击可清除已选择的数据信息。图4 清除数据图5 数据清除后主要信息字段：用于在提交数据时的搜索，此主要信息可用于模糊搜索，仅支持单行文本、多行文本或流水号作为主要信息在数据列表页展示。选择数据后显示到表单中：开启后，可选择需要展示的字段。请选择需要显示的字段：“选择数据后显示到表单中”开启时可配置，选择关联表单中需要显示的字段。图6 选择显示字段

Astro工作流 AstroFlow 表单高级组件介绍

Astro工作流 AstroFlow-关联表单:数据填充

数据填充添加数据填充规则，将关联表字段的值填充到当前表单字段。若当前表单组件已设置默认值，则进入表单时按照默认值生效，若选择了关联数据并设置了填充，将覆盖已有默认值。若选择表单的选项值与当前表单选项值不匹配，则填充失效，无填充内容。例如：选择A表单中组件B类型选项为X、Y、Z，当前表单填充到当前表单组件C选项默认为X、M、N，则默认组件选择X时，可进行填充，如A表单的B组件选择为Y，则默认C组件为空值。子表单填充，只能选择关联子表单对应字段。表1 数据填充的字段映射关系关联表单字段类型可选择的当前表单字段类型单行文本单行文本、多行文本多行文本单行文本、多行文本数字输入框单行文本、数字输入框公式计算单行文本、数字输入框评分评分、数字输入框单选单行文本、单选、下拉选择框下拉选择框单行文本、单选、下拉选择框复选框复选、单行文本日期范围选择器日期范围选择器日期选择器日期选择器、单行文本流水号单行文本输入、多行文本输入部门部门成员成员地址地址开关开关附件附件图片上传图片上传手写签名图片上传

Astro工作流 AstroFlow 表单高级组件介绍

华为云Astro轻应用-二维码:属性

属性数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。对象：由后台对象模型映射创建，支持选择字段。服务：由后台服务的出入参数模型创建，分别生成inputParam和outputParam节点。事件：由后台事件的字段映射创建，并且支持websocket刷新模型数据。属性值绑定，用于对该组件所有属性的动态设置。当某一属性被动态绑定时，以绑定值为准。更多介绍，请参见属性绑定。基本属性：基本属性通过数据绑定后，在运行时以数据绑定的值为准。内容或链接：设置扫描二维码后，要展示的文本内容或者跳转的链接地址。宽度：二维码的宽度，单位像素。默认值为150。容错级别：二维码被遮挡或残破时依然能被识别的几率，容错级别越高抗残破或遮挡的能力就越强。空白间距：四周空白间距，单位像素。前景色：二维码的颜色。背景色：背景颜色。中间Logo：二维码中间Logo图片，可不用设置。设置Logo后，如果扫描二维码识别失败，可以调高容错级别或调大二维码。 Logo大小：设置Logo的大小，单位像素。公共控件名称：当前组件的名称。隐藏：是否隐藏该组件，此方式为静态配置该组件的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段，在自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。样式布局：设置组件的宽度、高度等。字体：设置字体大小、字体样式、颜色等。背景：设置背景颜色、透明度。边框：设置边框颜色、宽度等，单位为px。阴影：设置阴影颜色、模糊、扩散等，单位为px。高级设置样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中，也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。样式类：当前组件使用的 CSS 样式类名，可在 CS S代码中进行引用。

华为云Astro轻应用平台标准组件介绍

云服务器内容精选

组件介绍

7*24

备案

专业服务

退订

建议反馈

售前咨询热线