拓扑图0.9,9版本：未融入

src/main/webapp/app/modal/jtopo/jtopo.component.html

+<div nz-row class="layui-layout layui-layout-admin header-bar">
+  <div nz-col nzSpan="12" class="layui-header ">
+    <span (click)="addDevice()">添加设备</span>
+    <!--<span (click)="addCheck()">添加监测点</span>-->
+    <!--<span (click)="showAddImg()">添加图片</span>-->
+    <span onClick="editor.utils.deleteSelectedNodes()">移除</span>
+    <nz-select style="width: 200px;" nzPlaceHolder="选择线条" [(ngModel)]="lineType" (ngModelChange)="changeLine($event)">
+      <nz-option nzLabel="直线" nzValue="1"></nz-option>
+      <nz-option nzLabel="折线(横向)" nzValue="2"></nz-option>
+      <nz-option nzLabel="折线(纵向)" nzValue="3"></nz-option>
+      <nz-option nzLabel="二次折线(横向)" nzValue="4"></nz-option>
+      <nz-option nzLabel="二次折线(纵向)" nzValue="5"></nz-option>
+    </nz-select>
+  </div>
+  <!-- 顶部工具栏 -->
+  <div nz-col nzSpan="12" class="layui-nav layui-layout-right">
+    <span aria-hidden="true" title="全屏查看" onClick="editor.utils.showInFullScreen(editor.stage.canvas,'RequestFullScreen')">全屏查看</span>
+    <span aria-hidden="true" title="居中显示" onClick="editor.utils.showInCenter()">居中显示</span>
+    <span aria-hidden="true" title="编辑" (click)="changeEdit('编辑模式')">编辑</span>
+    <span aria-hidden="true" title="只读" (click)="changeEdit('只读模式')">只读</span>
+    <span aria-hidden="true" title="保存" (click)="update()">保存</span>
+    <span aria-hidden="true" title="清空" onClick="editor.utils.clearTopology()">清空</span>
+    <span aria-hidden="true" title="放大" onClick="editor.utils.scalingBig()">放大</span>
+    <span aria-hidden="true" title="缩小" onClick="editor.utils.scalingSmall()">缩小</span>
+  </div>
+</div>
 <div #topologyBody class="topologyBody">
   <canvas class="topology-context" id="topology-canvas" #topologyCanvas style="height: 580px;width: 100%">
     您的浏览器不支持HTML5!
   </canvas>
+  <!-- 鼠标悬浮显示节点信息 -->
+  <div class="node-tooltip" style="display: none">
+    <p>节点名称：<label name="node_name"></label></p>
+    <p>告警信息：<label name="current_time"></label></p>
+  </div>
+  <!--拓扑图状态-->
+  <div class="lineList">
+    {{editType}}
+  </div>
 </div>