样式调整

src/components/Viewer/smViewer.scss

@@ -1,18 +1,21 @@
 #cesiumContainer {
-    // width: 100%;
-    // height: 100%;
-    // margin: 0;
-    // padding: 0;
-    // overflow: hidden;
-
     // 新驾驶舱布局
-
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
     width: 66rem;
     height: 34.5rem;
     position: absolute;
     left: 27rem;
     top: 9%;
 
+    // width: 100%;
+    // height: 100%;
+    // position: absolute;
+    /* left: 27rem; */
+    /* top: 9%; */
+    // z-index: -1;
+
 }
 
 .cesiumbig {

src/views/cockpitNew1/hysy.vue

@@ -73,7 +73,7 @@ export default {
     methods: {
         getRenKou() {
             console.log("进来了");
-            
+
             const that = this;
             var dom = document.getElementById('hysyEchart');
 
@@ -445,6 +445,7 @@ export default {
     width: 100%;
     height: 44px;
     position: relative;
+    right: 1rem;
     // background-image: url("/static/images/overview/info_all.png");
     // background-size: 98% 87%;
 

src/views/cockpitNew1/jsyd.vue

@@ -142,7 +142,7 @@ export default {
   border-width: 0px;
   position: relative;
   left: 9px;
-  top: 20px;
+  top: 9px;
   width: 416px;
   height: 310px;
   background: inherit;

src/views/cockpitNew1/tdsc.vue

@@ -52,9 +52,12 @@
           <span class="unit">公顷</span>
         </div>
       </div>
+      <!--
       <div id="tdsc_echart_xzqh">
 
-      </div>
+      </div> -->
+      <pie3d id="tdsc_echart" unit="km²" ref="echartRefTdsc"></pie3d>
+
     </div>
 
   </div>
@@ -62,9 +65,10 @@
 
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+import pie3d from "../../components/echartsTemplate/3dPie.vue";
 
 export default {
-  components: {},
+  components: { pie3d },
   data() {
     return {
       is_xzqh: false,
@@ -567,7 +571,16 @@ export default {
   mounted() {
     this.$nextTick((res) => {
       this.initEchart();
-      this.initEchartXzqh();
+      // this.initEchartXzqh();
+
+      const optionsData = [
+        { name: "水田", value: 50 },
+        { name: "水浇地", value: 20 },
+        { name: "旱地", value: 30 },
+      ];
+      this.$nextTick(() => {
+        this.$refs.echartRefTdsc.setOptions(optionsData);
+      });
     })
 
   },
@@ -632,6 +645,7 @@ export default {
   width: 100%;
   height: 44px;
   position: relative;
+  right: 1rem;
   // background-image: url("/static/images/overview/info_all.png");
   // background-size: 98% 87%;