From c42e12bcc0877678cf09438b7a6bfb9ccd7342fa Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期五, 24 三月 2023 19:06:08 +0800
Subject: [PATCH] 转孔柱状图添加图例，官网一张图修改
---
src/components/mapsdk.vue | 73 ++++++++++++++++++++++++++++++++----
1 files changed, 64 insertions(+), 9 deletions(-)
diff --git a/src/components/mapsdk.vue b/src/components/mapsdk.vue
index 6e6ad87..34decec 100644
--- a/src/components/mapsdk.vue
+++ b/src/components/mapsdk.vue
@@ -337,14 +337,7 @@
v-show="showLengendDialog"
>
<el-card class="box-card">
- <!-- <div
- class="lengend_color"
- style="height:205px"
- >
-
- </div> -->
<div class="lengendBox">
-
<div>
<img
class="lengendImg"
@@ -358,8 +351,65 @@
<div>52.5掳</div>
<div>70掳</div>
</div>
-
</div>
+ </el-card>
+ </div>
+ <div
+ class="HistLeng"
+ v-show="$store.state.histLenged"
+ >
+ <el-card class="box-card">
+ <table>
+ <tr>
+ <td>绮夎川榛忓湡</td>
+ <td>
+ <div style="width:100px;height:20px;background:rgba(139,106,77,1)">
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>娣ゆ偿璐ㄧ矇鍦�</td>
+ <td>
+ <div style="width:100px;height:20px;background:rgba(141,85,69,1)">
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>鍦嗙牼</td>
+ <td>
+ <div style="width:100px;height:20px;background:rgba(102,166,184,1)">
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>鍗电煶</td>
+ <td>
+ <div style="width:100px;height:20px;background:rgba(54,83,173,1)">
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>娉ュ博</td>
+ <td>
+ <div style="width:100px;height:20px;background:rgba(47,30,13,1)">
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>缁嗙爞</td>
+ <td>
+ <div style="width:100px;height:20px;background:rgba(93,88,15,1)">
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>涓爞</td>
+ <td>
+ <div style="width:100px;height:20px;background:rgba(164,140,21,1)">
+ </div>
+ </td>
+ </tr>
+ </table>
</el-card>
</div>
<!--灞炴�т俊鎭脊绐�-->
@@ -1691,7 +1741,12 @@
position: absolute;
z-index: 40;
}
-
+ .HistLeng {
+ z-index: 40;
+ position: absolute;
+ right: 115px;
+ bottom: 10px;
+ }
.lengend {
width: 300px;
z-index: 40;
--
Gitblit v1.9.3