[fix]知识图谱抖动效果处理

Author: luoxiao-supermap

src/common/overlay/knowledge-graph/G6Render.js

@@ -1,5 +1,6 @@
 import G6 from '@antv/g6';
 import insertCss from 'insert-css';
+import throttle from 'lodash.throttle';
 /**
  * @private
  * @class G6Render
@@ -132,10 +133,8 @@ export class G6Render {
   _getGraphConfig(config) {
     const animateConfig = {
       speed: 120,
-      maxIteration: 83,
-      tick: () => {
-        this.refreshPositions();
-      }
+      maxIteration: 120,
+      tick: throttle(this.refreshPositions.bind(this), 120)
     };
     const defaultLayout = {
       type: 'fruchterman',

src/common/package.json

@@ -27,6 +27,7 @@
     "lodash.topairs": "4.3.0",
     "lodash.uniqby": "^4.7.0",
     "lodash.clonedeep": "^4.5.0",
+    "lodash.throttle": "^4.1.1",
     "mapv": "2.0.62",
     "node-forge": "^1.3.1",
     "rbush": "^2.0.2",

test/common/overlay/KnowledgeGraphSpec.js

@@ -537,6 +537,18 @@ describe('KnowledgeGraph', () => {
     var graph = new KnowledgeGraph({ nodeLabelMaxWidth: 100, animate: false });
     expect(graph).not.toBeNull();
     expect(graph.data).not.toBeNull();
+    expect(graph.config.layout.tick).toBeUndefined();
+    expect(graph.config.layout.maxIteration).toBeUndefined();
+    expect(graph.config.layout.speed).toBeUndefined();
+    done();
+  });
+  it('nodeLabelMaxWidth animate true', (done) => {
+    var graph = new KnowledgeGraph({ animate: true });
+    expect(graph).not.toBeNull();
+    expect(graph.data).not.toBeNull();
+    expect(graph.config.layout.tick).not.toBeUndefined();
+    expect(graph.config.layout.maxIteration).not.toBeUndefined();
+    expect(graph.config.layout.speed).not.toBeUndefined();
     done();
   });
   it('expand collpase hidden Nodes', (done) => {