refactor(json): add json file

Author: gywgithub

src/assets/json/simple_force_layout_2.json

@@ -0,0 +1,100 @@
+{
+  "nodes": [
+    {
+      "id": "苹果",
+      "group": 1
+    },
+    {
+      "id": "APPLE",
+      "group": 2
+    },
+    {
+      "id": "Apple",
+      "group": 3
+    },
+    {
+      "id": "苹果股份有限公司",
+      "group": 4
+    },
+    {
+      "id": "Apple, Inc",
+      "group": 5
+    },
+    {
+      "id": "成立时间",
+      "group": 6
+    },
+    {
+      "id": "苹果公司发展历程",
+      "group": 7
+    },
+    {
+      "id": "苹果logo",
+      "group": 8
+    },
+    {
+      "id": "APPLE市场调查报告",
+      "group": 9
+    },
+    {
+      "id": "苹果公司简介",
+      "group": 10
+    },
+    {
+      "id": "苹果公司发展历史及大事记",
+      "group": 11
+    }
+  ],
+  "links": [
+    {
+      "source": "APPLE",
+      "target": "苹果",
+      "value": 1
+    },
+    {
+      "source": "Apple",
+      "target": "苹果",
+      "value": 2
+    },
+    {
+      "source": "苹果股份有限公司",
+      "target": "苹果",
+      "value": 3
+    },
+    {
+      "source": "Apple, Inc",
+      "target": "苹果",
+      "value": 3
+    },
+    {
+      "source": "成立时间",
+      "target": "苹果",
+      "value": 3
+    },
+    {
+      "source": "苹果公司发展历程",
+      "target": "苹果",
+      "value": 6
+    },
+    {
+      "source": "苹果logo",
+      "target": "苹果",
+      "value": 7
+    },
+    {
+      "source": "APPLE市场调查报告",
+      "target": "苹果",
+      "value": 7
+    },
+    {
+      "source": "苹果公司简介",
+      "target": "苹果",
+      "value": 7
+    },
+    {
+      "source": "苹果公司发展历史及大事记",
+      "target": "苹果",
+      "value": 10
+    }
+  ]
+}

src/assets/json/simple_force_layout_3.json

@@ -0,0 +1,100 @@
+{
+  "nodes": [
+    {
+      "id": "新基建",
+      "group": 1
+    },
+    {
+      "id": "最新消息",
+      "group": 2
+    },
+    {
+      "id": "新基建介绍",
+      "group": 3
+    },
+    {
+      "id": "新基建龙头股",
+      "group": 4
+    },
+    {
+      "id": "发展历程",
+      "group": 5
+    },
+    {
+      "id": "存在优势",
+      "group": 8
+    },
+    {
+      "id": "5G",
+      "group": 6
+    },
+    {
+      "id": "特高压",
+      "group": 8
+    },
+    {
+      "id": "人工智能",
+      "group": 8
+    },
+    {
+      "id": "城际高速铁路",
+      "group": 8
+    },
+    {
+      "id": "工业互联网",
+      "group": 8
+    }
+  ],
+  "links": [
+    {
+      "source": "城际高速铁路",
+      "target": "新基建",
+      "value": 1
+    },
+    {
+      "source": "工业互联网",
+      "target": "新基建",
+      "value": 1
+    },
+    {
+      "source": "最新消息",
+      "target": "新基建",
+      "value": 1
+    },
+    {
+      "source": "新基建介绍",
+      "target": "新基建",
+      "value": 2
+    },
+    {
+      "source": "新基建龙头股",
+      "target": "新基建",
+      "value": 3
+    },
+    {
+      "source": "发展历程",
+      "target": "新基建",
+      "value": 3
+    },
+    {
+      "source": "5G",
+      "target": "新基建",
+      "value": 3
+    },
+    {
+      "source": "特高压",
+      "target": "新基建",
+      "value": 3
+    },
+    {
+      "source": "人工智能",
+      "target": "新基建",
+      "value": 3
+    },
+    {
+      "source": "存在优势",
+      "target": "新基建",
+      "value": 7
+    }
+  ]
+}

src/components/ForceBasedLabelPlacementIII.vue

@@ -7,7 +7,9 @@
 
 <script>
 import * as d3 from 'd3'
-import jsonData from '../assets/json/simple_force_layout.json'
+// import jsonData from '../assets/json/simple_force_layout.json'
+// import jsonData from '../assets/json/simple_force_layout_2.json' // 金融数据
+import jsonData from '../assets/json/simple_force_layout_3.json'
 export default {
   name: 'ForceBasedLabelPlacement',
   data () {
@@ -78,13 +80,13 @@ export default {
 
     this.restart()
 
-    setTimeout(() => {
-      let addData = [{ 'id': 'Four', 'group': 4 }, { 'id': 'Five', 'group': 5 }]
-      let addLinks = [{ 'source': 'Four', 'target': 'Five', 'value': 3 }, { 'source': 'Five', 'target': 'Feuilly', 'value': 4 }]
-      this.graph.nodes = [...this.graph.nodes, ...addData]
-      this.graph.links = [...this.graph.links, ...addLinks]
-      this.restart()
-    }, 1000)
+    // setTimeout(() => {
+    //   let addData = [{ 'id': 'Four', 'group': 4 }, { 'id': 'Five', 'group': 5 }]
+    //   let addLinks = [{ 'source': 'Four', 'target': 'Five', 'value': 3 }, { 'source': 'Five', 'target': 'Feuilly', 'value': 4 }]
+    //   this.graph.nodes = [...this.graph.nodes, ...addData]
+    //   this.graph.links = [...this.graph.links, ...addLinks]
+    //   this.restart()
+    // }, 1000)
   },
   methods: {
     restart () {