项目初始化

datax-modules/data-metadata-service-parent/data-metadata-service-console/src/main/java/cn/datax/service/data/metadata/console/DataxConsoleApplication.java

@@ -4,7 +4,7 @@ import org.springframework.boot.SpringApplication;
 import org.springframework.cloud.client.SpringCloudApplication;
 import org.springframework.cloud.openfeign.EnableFeignClients;
 
-@EnableFeignClients(basePackages = {"cn.datax.service.system.api.feign"})
+@EnableFeignClients(basePackages = {"cn.datax.service.system.api.feign", "cn.datax.service.data.metadata.api.feign"})
 @SpringCloudApplication
 public class DataxConsoleApplication {
 

datax-ui/src/views/metadata/datamap/index.vue

@@ -106,6 +106,9 @@ export default {
   created () {
     this.getDataSourceList()
   },
+  mounted () {
+    this.chart = echarts.init(document.getElementById('chart'))
+  },
   methods: {
     getDataSourceList () {
       listDataSource().then(response => {
@@ -206,15 +209,18 @@ export default {
             r: 0.5,
             colorStops: [{
               offset: 0,
-              color: color.c1 // 0% 处的颜色
+              // 0% 处的颜色
+              color: color.c1
             },
             {
               offset: 0.4,
-              color: color.c1 // 0% 处的颜色
+              // 0% 处的颜色
+              color: color.c1
             },
             {
               offset: 1,
-              color: color.c2 // 100% 处的颜色
+              // 100% 处的颜色
+              color: color.c2
             }
             ],
             global: false
@@ -323,8 +329,10 @@ export default {
       })
     },
     initChart () {
-      this.chart = echarts.init(document.getElementById('chart'))
       this.chart.showLoading()
+      this.chartList = []
+      this.chartLinks = []
+      this.chartLegend = []
       // 获取表名
       let categories = this.treeData[0].children.map(item => {
         return {
@@ -352,7 +360,6 @@ export default {
             color: '#fff',
             fontSize: 10
           },
-          // inactiveColor: "#fff",
           icon: 'circle',
           type: 'scroll',
           orient: 'vertical',
@@ -360,8 +367,6 @@ export default {
           right: 20,
           top: 20,
           bottom: 80,
-          // itemWidth: 12,
-          // itemHeight: 12,
           pageIconColor: '#00f6ff',
           pageIconInactiveColor: '#fff',
           pageIconSize: 12,
@@ -370,13 +375,6 @@ export default {
             fontSize: 12
           }
         },
-        tooltip: {
-          trigger: 'item',
-          triggerOn: 'click',
-          formatter (params) {
-            return params.data.label
-          }
-        },
         selectedMode: 'false',
         bottom: 20,
         left: 0,
@@ -385,7 +383,7 @@ export default {
         animationDuration: 1500,
         animationEasingUpdate: 'quinticInOut',
         series: [{
-          name: '知识图谱',
+          name: '数据地图',
           type: 'graph',
           hoverAnimation: true,
           layout: 'force',
@@ -403,8 +401,10 @@ export default {
           focusNodeAdjacency: true,
           scaleLimit: {
             // 所属组件的z分层，z值小的图形会被z值大的图形覆盖
-            min: 0.5, // 最小的缩放值
-            max: 9 // 最大的缩放值
+            // 最小的缩放值
+            min: 0.5,
+            // 最大的缩放值
+            max: 9
           },
           edgeSymbol: ['circle', 'arrow'],
           edgeSymbolSize: [4, 8],