auto

src/service/index.js

@@ -20,7 +20,7 @@ export const alarmDataApi = () =>
         prefixUrl: 'api2',
     })
 
-// 事件信息
+// 树种
 export const page2echarts01 = (data) =>
     callApi({
         url: 'smallClass/treeComp',

src/views/index.vue

@@ -162,7 +162,44 @@
             }
             ]
         },
-        page2Char1:{},
+        page2Char1:{
+          title: {
+          text: '树种占比',
+          left: 'center',
+          textStyle:{
+              color: '#fff',
+          }
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: '{b} : {c} ({d}%)'
+        },
+        legend: {
+          show:false,
+          orient: 'vertical',
+          left: 'left'
+        },
+        series: [
+          {
+            name: 'Access From',
+            type: 'pie',
+            radius: '50%',
+            data: [
+              // { value: 120, name: '柏类' },
+              // { value: 20, name: '杉树' },
+              // { value: 5, name: '松树' },
+              // { value: 80, name: '枫叶类' }
+            ],
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+          ]
+        },
         page2Char2:{},
         page5numerical:[],
         typeSlideData:[],
@@ -280,11 +317,18 @@
       },
 
       getPage2echarts01(){
-        page2echarts01().then(res=>{
+        let param = {
+          smallNumber:this.xiaobaninput,
+          cityId:this.vuexSelectCity,
+          countyId:this.vuexSelectDistrict,
+          townId:this.vuexSelectStreet,
+        }
+        page2echarts01(param).then(res=>{
           // console.log('res',res);
-          this.page2Char1 = res.data;
+          this.page2Char1.series[0].data = [];
+          this.page2Char1.series[0].data = res.data;
           let charUuid = this.$refs.page2Char1.mid;
-          this.$refs.page2Char1.intChar(charUuid)
+            this.$refs.page2Char1.intChar(charUuid)
         }).catch(err=>{
           console.log('getPage2echarts01 err',err);
         })
@@ -360,6 +404,7 @@
       xiaobansearch(){
         // console.log('xiaobansearch');
         this.getRightScrollData();
+        this.getPageData()
       },
       scrollBoardClick(e){
         console.log('scrollBoardClick',e);