复杂的页面拆分成多个低耦合的模块，有助于代码维护。 使用语言 Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是可以自底向上逐层应用Vue。Vue易于上手，也便于与系统进行整合。 开发自定义组件前，请先了解JS和Vue相关知识，具备一定的JS和Vue开发经验。 自定义组件结构 自定义组件包，目录结构如下。

查看更多 →

用于获取组件的桥接器属性配置值。 定义组件依赖库及组件在绝对布局中默认尺寸。 本节开发的示例组件TabsWidget依赖Vue和Element库，DisplayWidget依赖Vue库。所依赖的Vue库已在之前选择的组件模板“widgetVueTemplate”中定义，这里只需要在TabsWidget组件包的packageinfo

查看更多 →

：获取组件的桥接器属性配置值。 定义组件依赖库及组件在绝对布局中默认尺寸。 本节开发的示例组件TabsWidget依赖Vue和Element库，DisplayWidget依赖Vue库。所依赖的Vue库已在之前选择的组件模板“widgetVueTemplate”中定义，这里只需要在TabsWidget组件包的packageinfo

查看更多 →

组件的描述信息，按需进行设置。此处配置的信息，将会在组件详情页的“概况”页签中进行显示。 自定义组件 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错

查看更多 →

“下拉选择框”和“多区域折线图”组件。当用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集，将该接口的入参与全局变量绑定，则“多区域折线图”组件呈现数据会随着全局变量值变化而变化。

查看更多 →

用。 数字图 数字图描述的是单个指标，一般选择具备有业务价值的关键性指标。统计天、周、月PV、UV等单指标场景适用。 数字折线图 折线图和数字图的组合。折线图用于表示数据趋势和变化的，数字图则展示关键性指标。在一些需要同时显示趋势和关键数据点的场合适用。 地图 地图通过图形的位置

查看更多 →

在Widget包的widget_demo_mintui.js的render方法中新增Vue实例。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui"

查看更多 →

或 "build": "node --max_old_space_size=4096 ./node_modules/@vue/cli-service/bin/vue-cli-service.js build" React 举例说明“package.json”里面“scripts”字段的内容如下：

查看更多 →

发起点击通话的前提，是在接收用户消息时，通过了webRTC环境的校验。 当demo中出现了以下按钮，代表可以发起点击通话。 发起的方法，可以参考Footer.vue中的createCall方法。 /音视频通话 createCall(callType) { this.mode = callType

查看更多 →

在“添加监控视图”界面。 图表类型可以选择“柱状图”、“条形图”、“折线图”、“表格”、“面积图”或者“环形图”。 在右侧图表配置页签，根据需要选择“单指标一个视图”或“多指标一个视图”，在视图分组下面选择已有的分组，或单击“新建分组”重新创建。仅“折线图”和“面积图”可选“多指标一个视图”。以选择“多指标一个视图”为例。

查看更多 →

数据类型。 编辑图表（下面以折线图为例介绍编辑图表）。 单击“编辑”，显示“编辑图表”页面。 在页面右侧“数据配置”页签，输入图表标题，选择图表类型“折线图”，然后需要配置左Y轴类型、左Y轴字段，如图1所示，其他参数根据需要进行设置。 图1 配置折线图参数 （可选）单击页面右侧的

查看更多 →

在界面上方的坐标图的上方，单击某个资产信息名称，可以设置展示的数据资产。 在界面右上角中设置要查看账本的时间段，该时间段内的资产信息以折线图展示在坐标图中。 在界面上方的坐标图中，单击折线图中某个时间点的资产节点，在界面下方的表中展示出该时间点的数据资产详细信息。 父主题： 管理数据资产账本

查看更多 →

时间段内访问 智能问答机器人 的用户数。 访问数趋势统计：以折线图的形式展示了指定时间段内，总访问数和独立用户数的数据趋势。 平均对话轮数趋势统计：以折线图的形式展示了指定时间段内平均对话轮数。 平均访问时长趋势统计：以折线图的形式展示了指定时间段内平均访问时长。 图2 访问统计 热点问题

查看更多 →

开发的页面中，在“多区域折线图”组件上方单击，配置组件交互事件。参考图1，单击“+交互事件”，选择“点击”事件，单击“+响应动作”，选择“页面跳转”，跳转到内部其他页面，打开“设置页面参数”开关，设置参数。 配置效果：在发布后的页面中，单击“多区域折线图”组件，会跳转到新页面，之

查看更多 →

数据实例 ：左侧展示当前应用下所有已发布的数据实体和关系实体的数据实例具体总量&增量（柱形图），右侧展示具体的数据实体和关系实体的总量&增量（折线图）。折线图根据日期统计，目前支持按照年统计、按照月份统计和按照日期统计。 数据实体：以“模型类型”和“模型分类”为维度，展示实体的具体总量和增量（柱形图）。

查看更多 →

在任务运行中，资源占用情况模块显示任务占用的CPU、内存、GPU显存利用率、占用率百分比的折线图。默认显示CPU占用情况折线图。 图12 资源占用情况 双击任一图例：显示全部资源占用折线图。 单击指定图例：只显示该图例折线图。 资源占用情况功能模块，需要用户在制作 自定义镜像 时安装psutil与pynvml，参考命令如下：

查看更多 →

.zip）的widget_demo_mintui.js的render方法中新增Vue实例。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui"

查看更多 →

础组件对应的value绑定，类似Vue的v-model。 属性绑定：将组件的某个属性，如只读、禁用、必填等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 图1 数据绑定配置面板 值绑定 值绑定类似vue中的v-model语法，组件上创

查看更多 →

择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集，将该接口的入参与全局变量绑定，则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示，也可以不使用“下拉

查看更多 →

创建应用 创建“设备维修管理系统”应用 关闭Vue3框架渲染组件开关 了解应用目录及菜单 创建“业务用户登录”页面 父主题： 通过AstroZero开发设备维修管理应用

查看更多 →

在界面上方的坐标图的上方，单击某个资产信息名称，可以设置展示的数据资产。 在界面右上角设置要查看账本的时间段，该时间段内的资产信息以折线图展示在坐标图中。 在界面上方的坐标图中，单击折线图中某个时间点的资产节点，在界面下方的表中展示出该时间点的数据资产详细信息。 父主题： 快速入门

查看更多 →