路由跳转

src/views/modules/home/index.vue

@@ -683,16 +683,15 @@ export default {
         this.$message.error(msg);
       }
     },
-
     initEcharts() {
       this.$http.get("/actual/base/residentIntegrity/resiCategoryStats/byOrg/query4Org").then(({ data: { data } }) => {
         this.myBarchart = echarts.init(document.getElementById("myBarchart"));
         let xData = data.categoryStatsDatas.map(item => item.resiCategoryName)
-        let resiToal = data.categoryStatsDatas.map(item => item.total)
-        let nonIntegratedNum = data.categoryStatsDatas.map(item => item.nonIntegratedNum)
+        // let integratedNum = data.categoryStatsDatas.map(item => item.integratedNum)
+        // let nonIntegratedNum = data.categoryStatsDatas.map(item => item.nonIntegratedNum)
         let option = {
           backgroundColor: '#fff',
-          color: ['#f7ca60', '#448cf6', ],
+          color: ['#448cf6', '#f7ca60', ],
           tooltip: {
             trigger: 'axis',
             axisPointer: {
@@ -702,7 +701,7 @@ export default {
           legend: {
             x: 'center',
             bottom: '8%',
-            data: ['分类居民总数', '分类信息不完整数']
+            data: ['分类信息完整数', '分类信息不完整数']
           },
           grid: { //图表的位置
             top: '5%',
@@ -725,27 +724,34 @@ export default {
             data: xData
           }],
           series: [{
-            name: '分类居民总数',
+            name: '分类信息完整数',
             type: 'bar',
             stack: '总量',
             barWidth: '30px',
-            data:resiToal ,
+            data: data.categoryStatsDatas.map((item, index) => ({
+            value: item.integratedNum,
+            extraProperty: item.resiCategory
+          })),
           },
           {
             name: '分类信息不完整数',
             type: 'bar',
             stack: '总量',
-            data:nonIntegratedNum,
+            data: data.categoryStatsDatas.map((item, index) => ({
+            value: item.nonIntegratedNum,
+            extraProperty: item.resiCategory
+          })),
           }
           ]
         };
         this.myBarchart.setOption(option);
         window.addEventListener("resize", this.handleWindowResize);
-        myBarchart.on("click", (e) => {
+        this.myBarchart.on("click", (e) => {
+          console.log(e);
           this.$router.push({
-            path: "/main/base-resi",
+            path: "/main/base-nonIntResi-nonIntResi",
             query: {
-              param1: e.name,
+              resiCategory: e.data.extraProperty,
             }
           });