style: echarts地图图层控制弹窗

core/frontend/src/components/canvas/components/editor/EditBar.vue

@@ -153,6 +153,7 @@
         v-if="chart && showMapLayerController"
         :chart="chart"
         :series-id-map="seriesIdMap"
+        :show-edit-position="showEditPosition"
       />
     </div>
 

core/frontend/src/views/chart/components/map/MapLayerController.vue

@@ -1,11 +1,12 @@
 <template>
 
   <el-popover
-    placement="left"
+    placement="left-start"
     title=""
     width="150"
     :append-to-body="false"
     trigger="click"
+    :popper-class="showEditPosition === 'bar-main-preview' ? 'map-layer-poper' : ''"
   >
     <i
       slot="reference"
@@ -51,6 +52,10 @@ export default {
           id: ''
         }
       }
+    },
+    showEditPosition: {
+      type: String,
+      required: true
     }
   },
   data() {
@@ -98,9 +103,15 @@ export default {
   }
 }
 </script>
+<style lang="scss">
+.map-layer-poper {
+  top: 3px !important;
+  right: 80px !important;
+  left: auto !important;
+}
+</style>
 
 <style scoped lang="scss">
-
 .de-ul li {
   margin: 5px 2px;
   cursor: pointer;