工作完成积分排名优化

shanXiPlatform/src/views/home/branchOffice.vue

@@ -294,6 +294,7 @@ export default {
             floatTop: 170,
             mapAll: {},
             mapList: [],
+            autoHeight:'',
             areacodearr: [
                 { id: "140100", name: "太原市" },
                 { id: "140108", name: "尖草坪区" },
@@ -1071,7 +1072,8 @@ export default {
                         axisLine: {
                             lineStyle: {
                                 color: "#ccc"
-                            }
+                            },
+
                         },
                         show: false,
                         splitLine: {
@@ -1205,28 +1207,112 @@ export default {
         },
         drawtrb() {
             getjfqk(this.midprovinceid, this.homeType).then(res => {
+              console.log(res,'图表数据')
+
+              var chartDataone = [
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100,
+                    100
+                ] // 数据
+                var chartName = res.data.depotName
+                var chartData = res.data.series
+                var length = res.data.series.length
+
+                console.log(length)
                 const myChartrb = this.$echarts.init(
                     document.getElementById("myChartrb")
                 )
+                if(length<10){
+
+                  this.autoHeight = length * 20 +30
+                  myChartrb.resize({height:this.autoHeight})
+                }else if(length>=10){
+                  // this.autoHeight = auto
+                  // res.data.series.length = 10
+                  this.autoHeight = length * 15 + 30
+                  myChartrb.resize({height:this.autoHeight})
+
+                }
+
+
                 myChartrb.setOption({
                     title: {},
                     color: "#88C06A",
-                    xAxis: {
-                        type: "value",
-                        data: [],
-                        name: "",
-                        axisLabel: {
-                            interval: 0
-                            // rotate: 45 //代表x轴逆时针度数
-                        }
-                    },
                     grid: {
                         top: "3%",
-                        left: "18%",
+                        left: "3%",
                         bottom: "3%",
                         right: "7%",
                         containLabel: true
                     },
+                    xAxis: {
+                        type: "value",
+                        // data: [],
+                        /* axisLine: { //坐标轴线
+                            lineStyle: {
+                                color: "#ccc"
+                            },
+                            // show:false,//坐标轴
+
+                        }, */
+                        /* axisTick:[{ //刻度线
+                            show:false
+                        }], */
+                        // show: false,
+                        /* splitLine: { //网格线
+                            show: false
+                        }, */
+                        /* name: "",
+                        // show: false,
+                        axisLabel: {
+                            interval: 0
+                            // rotate: 45 //代表x轴逆时针度数
+                        } */
+                    },
+
                     tooltip: {
                         trigger: "axis",
                         axisPointer: {
@@ -1235,20 +1321,46 @@ export default {
                     },
                     yAxis: {
                         type: "category",
-                        name: "",
+                        // name: "",
+                        data:chartName,
+
+                        splitLine:{
+                          show: false,
+                        },
+                        max: function (data) {
+                          if(data.length>10){
+                            return data.length = 9;
+                          }
+
+                          },
+                        axisLine:{
+                          // show:false,
+                          /* lineStyle:{
+                            color:'#8CC4A1'
+                          } */
+                        },
+                        /* axisTick:[{
+                          show:false
+                        }], */
                         axisLabel: {
                             interval: 0
                         },
                         data: res.data.depotName
+                        // data: ["山西分公司","中央储备粮太原直属库有限公司","山西分公司","中央储备粮太原直属库有限公司", "山西分公司","中央储备粮太原直属库有限公司", "山西分公司","中央储备粮太原直属库有限公司", "山西分公司","中央储备粮太原直属库有限公司", "山西分公司"]
                     },
                     series: [
                         {
                             data: res.data.series,
+                            // data: [15,25,76,100,21,54,23,54,21,54,68],
                             type: "bar",
                             // barWidth: res.data.series.length>3?10:35,
-
+                            barWidth: 20,
+                            labelLine:{
+                              show:true
+                            },
                             itemStyle: {
                                 normal: {
+                                    color:'#88C06A',
                                     label: {
                                         show: true, // 开启显示
                                         position: "right", // 在上方显示