feat：type 22 （30%）

src/assets/css/components/index.scss

@@ -19,4 +19,5 @@
 @import './views/entityExplorer/entityList/row';
 @import 'views/entityExplorer/entityList/detail-overview';
 @import './views/charts/panel';
+@import 'views/charts/ChartIpOpenPortBar';
 //@import '../chart';

src/assets/css/components/views/charts/ChartIpOpenPortBar.scss

@@ -0,0 +1,24 @@
+.chart-ip-open-port-bar {
+    display: flex;
+    .el-table--border td{
+        border: none !important;
+    }
+    .el-table--border th{
+        border-right: none !important;
+    }
+    .chart-box{
+        width: 30%;
+        height: 100%;
+        border: 1px solid #EBEEF5;
+        >.title{
+            height: 36px;
+            line-height: 36px;
+            box-sizing: border-box;
+            padding: 0 10px;
+            color: #909399;
+            font-size: 12px;
+            font-weight: bold;
+        }
+    }
+
+}

src/assets/css/components/views/charts/chart.scss

@@ -345,7 +345,9 @@
     border-left: 5px solid #aeaeae;
   }
 }
-
+.nz-chart-tooltip{
+  border-color: transparent !important;
+}
 .nz-chart-tooltip .cn-chart-tooltip-box{
   display: flex;
   .cn-chart-tooltip-content{