CN-708 feat: 色块图开发-增加hover效果、增加热力legend

2022-09-11 19:33:51 +08:00
parent 5a79756a95
commit 567670e51a
2 changed files with 41 additions and 1 deletions
--- a/src/views/charts2/charts/linkMonitor/LinkBlock.vue
+++ b/src/views/charts2/charts/linkMonitor/LinkBlock.vue
@@ -31,7 +31,16 @@
        </template>
      </el-popover>
    </div>
-    <div class="block-heat-legend"></div>
+    <div class="block-heat-legend">
+      <div class="legend__box">
+        <div class="legend__value">
+          <span>0</span>
+          <span>90%</span>
+        </div>
+        <div class="legend__color-piece"></div>
+        <div class="legend__desc">{{$t('linkMonitor.linkBlock.bandwidthUsage')}}</div>
+      </div>
+    </div>
  </div>
 </template>