分部数据

1

src/views/main/baseinfo/modals/manageOrgan.vue

@@ -43,7 +43,7 @@ import { getIndex } from "../../api";
 import { getTimes } from "@/utils";
 import { descs, chioseNum } from "../../constant";
 import { orderType } from "@/constant";
-
+import lodash from "lodash";
 export default {
   props: ["data", "search"],
   components: {
@@ -94,7 +94,7 @@ export default {
       return {
         series: {
           smooth: false,
-          barwidth: 80,
+          barWidth: 60,
           label: {
             show: true,
             position: "top",
@@ -115,9 +115,17 @@ export default {
           type: "value",
           scale: true,
           min: 0,
+
           axisLabel: {
             formatter: "{value}%",
           },
+          splitLine: {
+            //分割线配置
+            show: true,
+            lineStyle: {
+              color: "#EBEEF5",
+            },
+          },
         },
 
         xAxis: {
@@ -127,9 +135,10 @@ export default {
             interval: 0, // 坐标轴刻度标签的显示间隔，在类目轴中有效；默认会采用标签不重叠的策略间隔显示标签；可以设置成0强制显示所有标签；如果设置为1，表示『隔一个标签显示一个标签』，如果值为2，表示隔两个标签显示一个标签，以此类推。
             inside: false, // 刻度标签是否朝内，默认朝外
             margin: 6, // 刻度标签与轴线之间的距离
-            formatter: function (value) {
-              return value.split("").join("\n");
-            },
+            rotate: 45,
+            // formatter: function (value) {
+            //   return value.split("").join("\n");
+            // },
           },
         },
 
@@ -174,6 +183,8 @@ export default {
           start: 0,
           end: 20,
           filterMode: "empty",
+          zoomLock: true,
+          handleSize: 0,
         },
       ];
     },
@@ -221,13 +232,19 @@ export default {
       //     months[key][item.title] = row.percent;
       //   }
       // }
-      console.log(organ);
+      // console.log(organ);
+
       this.values = organ;
+      let row = Object.values(organ);
+      row = lodash.sortBy(row, function (o) {
+        return -o["总收入占比"];
+      });
+      // console.log(row, "row");
       // console.log(values);
       // return;
       return {
         columns: ["分部", "总收入占比"],
-        rows: Object.values(organ),
+        rows: row,
         loading: true,
       };
     },