update

src/main/webapp/app/analysis/resource-alarm/resource-alarm.component.html

@@ -64,7 +64,9 @@
     <div nz-row nzGutter="4">
         <div nz-col nzSpan="12" style="height: 400px">
             <ng-container *ngIf="data.left">
-                <div class="noData" title="暂无数据"></div>
+                <div class="img-noData">
+                    <div class="noData" title="暂无数据"></div>
+                </div>
             </ng-container>
             <ng-container *ngIf="!data.left">
                 <div echarts [options]="chartTopOption" style="height: 400px;width: 100%"></div>
@@ -72,7 +74,9 @@
         </div>
         <div nz-col nzSpan="12" style="height: 400px">
             <ng-container *ngIf="data.right">
-                <div class="noData" title="暂无数据"></div>
+                <div class="img-noData">
+                    <div class="noData" title="暂无数据"></div>
+                </div>
             </ng-container>
             <ng-container *ngIf="!data.right">
                 <div echarts [options]="charTrendOption" style="height: 400px;width: 100%"></div>

src/main/webapp/content/css/global.css

@@ -231,8 +231,19 @@ ui bootstrap tweaks
     background-color: #41adef;
     animation: rotateplane 1.5s infinite linear;
 }
+.img-noData{
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
 .noData{
-    background-image:  url("../images/noData.svg");
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    height: 115px;
+    width: 160px;
+    transform: translate(-50%,-50%);
+    background-image:  url("../images/noData.png");
     background-size: cover;
 }
 @keyframes rotateplane {

src/main/webapp/content/images/noData.svg

-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1547691787193" class="icon" style="" viewBox="0 0 1485 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2280" xmlns:xlink="http://www.w3.org/1999/xlink" width="290.0390625" height="200"><defs><style type="text/css"></style></defs><path d="M148.993664 689.28h19.968a9.984 9.984 0 0 1 0 19.84h-19.968V729.6a9.984 9.984 0 0 1-9.984 9.728A10.112 10.112 0 0 1 128.641664 729.6v-20.48H109.057664a9.984 9.984 0 0 1-9.856-9.984 9.856 9.856 0 0 1 9.856-9.856h20.224v-20.096a9.984 9.984 0 0 1 19.84 0v20.096z m1306.624-79.616v-19.968a9.6 9.6 0 0 0-2.944-7.04 10.24 10.24 0 0 0-7.04-2.816 9.984 9.984 0 0 0-9.856 9.856v19.968h-20.096a8.96 8.96 0 0 0-6.912 3.072 9.344 9.344 0 0 0-2.816 6.912 9.984 9.984 0 0 0 9.728 9.984h20.096v19.968a9.856 9.856 0 0 0 9.856 9.856 9.984 9.984 0 0 0 9.984-9.856v-19.968h20.096a9.984 9.984 0 0 0 0-19.968zM736.385664 937.856H238.081664a19.328 19.328 0 0 1-13.824-5.888 19.84 19.84 0 0 1 13.824-33.92h89.6a80.128 80.128 0 0 1-10.624-39.68V281.6a80 80 0 0 1 23.168-56.192 79.104 79.104 0 0 1 56.064-23.296h59.264v-20.096a79.488 79.488 0 0 1 23.296-56.192A78.464 78.464 0 0 1 535.041664 102.4h475.008a79.36 79.36 0 0 1 79.232 79.36v577.28a78.464 78.464 0 0 1-10.624 39.552h109.44a19.968 19.968 0 0 1 0 39.808H950.785664v19.968a78.464 78.464 0 0 1-10.496 39.68h10.496a19.712 19.712 0 0 1 19.84 19.84 19.968 19.968 0 0 1-19.84 19.968H846.721664a39.424 39.424 0 0 1-6.016 48.384 40.32 40.32 0 0 1-28.032 11.776 39.296 39.296 0 0 1-28.032-11.776z m72.448-39.808h62.976A39.68 39.68 0 0 0 911.233664 857.6V280.448a38.4 38.4 0 0 0-38.4-38.4H395.009664a38.4 38.4 0 0 0-38.4 38.4V857.6a39.936 39.936 0 0 0 39.424 39.936h300.544l-9.984-10.24a40.064 40.064 0 0 1-10.368-38.4l-18.688-18.688a138.112 138.112 0 0 1-187.648-20.608 139.648 139.648 0 0 1 6.656-189.312 137.984 137.984 0 0 1 188.928-7.04 139.52 139.52 0 0 1 20.096 188.8L704.641664 821.12a39.424 39.424 0 0 1 38.4 10.24z m141.952-99.456h59.776a39.808 39.808 0 0 0 39.68-39.808V182.016a39.68 39.68 0 0 0-39.424-39.808H534.913664a39.808 39.808 0 0 0-39.424 39.808v19.84H871.041664A79.104 79.104 0 0 1 950.657664 281.6v516.992zM253.057664 67.584H282.241664a14.976 14.976 0 1 1 0 29.824h-29.44v29.696a14.976 14.976 0 1 1-29.824 0V97.408h-29.312a14.848 14.848 0 0 1-10.624-4.224 14.976 14.976 0 0 1 10.624-25.6h29.568V38.4a14.976 14.976 0 1 1 29.824 0zM20.353664 917.888a19.968 19.968 0 0 1 19.712-19.84h119.04a19.712 19.712 0 0 1 19.712 19.84 19.968 19.968 0 0 1-19.712 19.968h-119.04A19.84 19.84 0 0 1 26.241664 931.968a19.456 19.456 0 0 1-5.76-14.08z m624.256-128a99.84 99.84 0 0 0 0-140.8 98.816 98.816 0 0 0-140.032 0 99.84 99.84 0 0 0 0 140.8 98.816 98.816 0 0 0 140.032 0zM435.841664 321.408a19.84 19.84 0 0 1 19.712-19.968h217.6a19.968 19.968 0 0 1 0 39.808h-217.6a20.736 20.736 0 0 1-14.08-5.76 20.224 20.224 0 0 1-5.632-14.08z m0 99.328a19.84 19.84 0 0 1 19.712-19.84h317.312a19.968 19.968 0 0 1 0 39.808H455.681664A19.712 19.712 0 0 1 435.841664 420.736z m0 99.456a19.84 19.84 0 0 1 19.712-19.84H594.561664a19.84 19.84 0 0 1 0 39.68H455.809664A19.84 19.84 0 0 1 435.841664 520.192zM60.033664 400.896a59.648 59.648 0 1 1 59.264-59.648 59.392 59.392 0 0 1-59.264 59.648z m0-29.824a29.824 29.824 0 0 0 0-59.648 29.824 29.824 0 0 0 0 59.648z m1227.392-89.6a59.648 59.648 0 1 1 59.264-59.648 59.264 59.264 0 0 1-59.264 59.776z m0-29.824a29.568 29.568 0 0 0 25.6-14.976 30.208 30.208 0 0 0 0-29.824 29.696 29.696 0 1 0-25.6 44.8z" p-id="2281" fill="#000000"></path></svg>
\ No newline at end of file