[web-app] 仪表盘-监控总览

web-app/src/app/routes/dashboard/dashboard.component.html

@@ -1,27 +1,6 @@
-
-<div nz-row [nzGutter]="24" class="pt-lg">
-  <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="18">
-<!--    <button nz-button (click)="refresh()" nzType="primary">监控分布</button>-->
-    <nz-card nzTitle="在网监控" class="pie-card">
-      <g2-pie
-        #pie
-        [hasLegend]="true"
-        title="在网监控数量"
-        subTitle="监控数量"
-        [total]="433"
-        [valueFormat]="format"
-        [data]="salesPieData"
-        height="294"
-        repaint="false"
-        (clickItem)="handleClick($event)"
-      ></g2-pie>
-    </nz-card>
-  </div>
-  <div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="6">
-    <nz-card nzTitle="监控资源使用情况" class="pie-card">
-      <div class="text-center">
-        <g2-water-wave [title]="'已监控License占比'" [percent]="34" [height]="161"></g2-water-wave>
-      </div>
-    </nz-card>
+<br/>
+<div nz-row [nzGutter]="24" style="margin-top: 10px">
+  <div nz-col nzXs="18" nzSm="18" nzMd="18" nzLg="18" nzOffset="1">
+    <div echarts [options]="appsCountEChartOption" theme='default' [autoResize]= 'true' [loading]="appsCountLoading" (chartClick)="onChartClick($event)"></div>
   </div>
 </div>