柱形图的子u该

src/components/Person_Echarts.vue

 <!--
  * @Author: your name
  * @Date: 2021-08-10 16:05:23
- * @LastEditTime: 2021-08-16 17:22:45
- * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2022-01-21 16:16:24
+ * @LastEditors: LYS
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\views\tjfx\rkzjfx.vue
 -->
@@ -60,7 +60,7 @@ export default {
         } else if (i.type == "bar") {
           let x = i.data.map((i) => i.name);
           let data = i.data.map((i) => i.value);
-          setBarDiagram(this.$refs[i.res][0], x, data);
+          setBarDiagram(this.$refs[i.res][0], x, data,'',-40);
         }
       });
     },
@@ -74,7 +74,7 @@ export default {
   > div {
     display: inline-block;
     background-color: #fff;
-    height: 350px;
+    height: 380px;
     margin-left: 10px;
     margin-bottom: 10px;
     vertical-align: middle;

src/components/SearchForm.vue

@@ -6,7 +6,7 @@
         :label-width="sceneType == 'form' ? '100px' : '140px'"
         ref="queryForm"
         :model="formData"
-        :class="propQueryField.length < 3 ? 'inlineBtn' : ''"
+        :class="propQueryField.length < 2 ? 'inlineBtn' : ''"
         :disabled="type == 'view'"
       >
         <div class="zdyLine">

src/utils/echarts.js

 /*
  * @Author: your name
  * @Date: 2021-08-10 17:53:10
- * @LastEditTime: 2021-08-13 14:04:16
- * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2022-01-21 16:17:16
+ * @LastEditors: LYS
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\utils\echarts.js
  */
@@ -78,6 +78,7 @@ export function setPieDiagram(dom, data, colorList) {
 }
 //柱图
 export function setBarDiagram(dom, x, data, barColor, rotate) {
+    debugger
     if (!rotate) rotate = 0;
     if (!barColor) barColor = "#247FDC";
     let myChart = echarts.init(dom);
@@ -91,10 +92,10 @@ export function setBarDiagram(dom, x, data, barColor, rotate) {
             },
         },
         grid: {
-            top: "20%",
+            top: "15%",
             left: "15%",
             right: "10%",
-            bottom: "22%",
+            bottom: "35%",
         },
         xAxis: [
             {
@@ -106,6 +107,7 @@ export function setBarDiagram(dom, x, data, barColor, rotate) {
                 axisLabel: {
                     color: "#000",
                     width: 100,
+                    interval:0,
                     rotate: rotate,
                 },
                 splitLine: {

src/views/Home.vue

@@ -85,7 +85,12 @@ export default {
     };
   },
   created() {
-    sessionStorage.setItem("userid", 'qgdsqzz01');
+    debugger
+    // if(this.$route.params.userid){
+    //   sessionStorage.setItem("userid", this.$route.params.userid);
+    // }else{
+    //    sessionStorage.setItem("userid", 'qgdsqzz01');
+    // }
   },
   computed: {
     ...mapGetters(["defaultGoodsImage", "userAuth"]),

src/views/sjsb/index.vue

@@ -148,7 +148,7 @@ export default {
       key: 1,
       pieDateList: "",
       //多少条数据
-      tableDataLength: 99,
+      tableDataLength: 0,
       //范围显示的数据
       positionList: [],
       // 表单 子传父的数据 按顺序进行展示