cxw-010203

src/utils/gol/bubbleWord.js

@@ -1,11 +1,12 @@
 /*
  * @Author: your name
  * @Date: 2021-10-21 11:36:36
- * @LastEditTime: 2021-10-29 12:46:18
+ * @LastEditTime: 2021-10-29 21:30:46
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/utils/gol/bubbleWord.js
  */
+import {compare} from "./dataTool"
  // 将后台数据转成数组
 function doWordCloud(data) {
     let arr1 = [];
@@ -93,6 +94,7 @@ function bubbleChart(data = [], format = []) {
 // 创建词云图
 export default function createWordCloud(obj) {
     let words = doWordCloud(obj);
+    words.sort(compare('value'));
     let bubble = bubbleChart(words, ['name', 'value']);
     return {
         animationEasingUpdate: 'bounceIn',
@@ -119,6 +121,7 @@ export default function createWordCloud(obj) {
                
             },
             force: {
+                gravity:0.2,
                 repulsion: bubble.repulsion,
                 edgeLength: 10
             },

src/utils/gol/dataTool.js

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2021-10-29 13:29:26
- * @LastEditTime: 2021-10-29 13:29:28
+ * @LastEditTime: 2021-10-29 20:58:56
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/utils/gol/dataTool.js
@@ -61,4 +61,12 @@
       newValue[1] = ''
     }
     return newValue.join('')
-  }
+  }
+  // 对数组中某个对象值进行排序
+  export function compare(property){
+    return function(a,b){
+        let value1 = a[property];
+        let value2 = b[property];
+        return value1 - value2;
+    }
+}

src/views/Index/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: xw
  * @Date: 2021-10-08 09:17:42
- * @LastEditTime: 2021-10-29 18:52:21
+ * @LastEditTime: 2021-10-29 20:48:41
  * @LastEditors: Please set LastEditors
  * @Description: 行业洞察
  * @FilePath: /data-show/src/views/Index/index.vue
@@ -120,6 +120,9 @@ export default {
             this.getTableList().then(() => {
                 this.modalObj.visible = true;
             });
+        },
+        handlerSs() {
+
         },
         getTableList() {
             return new Promise((resolve, reject) => {