森林资源面积统计读取真实接口

src/dataSchema/page1Char2Schema.js

@@ -1,17 +1,18 @@
 /*
  * @LastEditors: gcz
  */
+import themeColor from "./color"
 let page1Char2Schema = {
     title: {
-        text: '储蓄量统计(立方米111)',
+        text: '面积统计(万亩)',
         textStyle: {
-            color: '#fff',
+            color: themeColor.mainColor,
         }
 
     },
     tooltip: {},
     xAxis: {
-        data: ['三都林场', '清镇林场', '榕江林场', '水东林场', '甜蜜林场', '贵阳林场'],
+        data: ['清镇林场', '三都林场', '榕江林场', '水东林场', '甜蜜林场', '贵阳林场'],
         axisLabel: {
             color: "rgba(255, 255, 255, 1)"
         }
@@ -23,9 +24,12 @@ let page1Char2Schema = {
     },
     series: [
         {
-            name: '储蓄量',
+            name: '面积统计(万亩)',
             type: 'bar',
-            data: [5000, 6000, 3000, 9000, 4500, 7000],
+            data: [15, 8, 20, 16, 32, 23],
+            itemStyle: {
+                color: '#02EEFF'
+            }
 
         }
     ]

src/service/index.js

@@ -63,12 +63,12 @@ export const page1echarts01 = (data) =>
     })
 
 // 查询面积统计
-// export const page1echarts02 = (data) =>
-//     callApi({
-//         url: 'forest/area',
-//         data,
-//         prefixUrl: 'api2',
-//     })
+export const page1echarts02 = (data) =>
+    callApi({
+        url: 'forest/area',
+        data,
+        prefixUrl: 'api2',
+    })
 
 // 查询样地列表
 export const forestSample = (data) =>

src/views/index.vue

@@ -227,11 +227,20 @@
         })
       },
       getPage1echarts02(){
-        page1echarts02().then(res=>{
-          // console.log('res',res);
+        let param = {
+          cityId:this.vuexSelectCity,
+          countyId:this.vuexSelectDistrict,
+          townId:this.vuexSelectStreet,
+        }
+        page1echarts02(param).then(res=>{
+          this.page1Char2.xAxis.data = res.data.map(item => {
+            return item.name
+          })
+          this.page1Char2.series[0].data = res.data.map(item => {
+            return item.number
+          })
           let charUuid = this.$refs.page1Char2.mid;
           this.$refs.page1Char2.intChar(charUuid)
-          this.page1Char2 = res.data;
         }).catch(err=>{
           console.log('getPage1echarts02 err',err);
         })