死锁检测工具调整支持容器

view-ui/src/App.vue

@@ -304,8 +304,8 @@ export default {
           let createdNodeArr=[];
           let threadPos={};
           let lockPos={}; 
-          let thPosX=0;
+          let thPosX=30;
-          let thPosY=0
+          let thPosY=30;
           let linkDataArr=[];
           lockInfo.forEach((item,index)=>{
 
@@ -376,14 +376,7 @@ export default {
       }
      , 
       deadgraph(echartsData) {
-          // var myChart = echarts.init(document.getElementById(this.activeName == "first" ? "main_local" : "main_remote"));
-          // var myChart = echarts.init(document.getElementById("main_local"));
-          // myChart.setOption({}, true);
-          // myChart = echarts.init(document.getElementById("main_remote"));
-          // myChart.setOption({}, true);
           let myChart = echarts.init(document.getElementById(this.activeName == "first" ? "main_local" : "main_remote"));
-          // var op = myChart.getOption();
-          // console.log(op);
           let option = {
             title: {
               text: '死锁关系图'
@@ -421,107 +414,8 @@ export default {
               }
             ]
           };
-          console.log("打印option数据");
           myChart.setOption(option, true);
-      },
+      }
-    // chartDraw() {
-    //   var myChart = echarts.init(document.getElementById('main'));
-    //   var option;
-    //   option = {
-    //     title: {
-    //       text: '死锁关系图'
-    //     },
-    //     tooltip: {},
-    //     animationDurationUpdate: 1500,
-    //     animationEasingUpdate: 'quinticInOut',
-    //     series: [
-    //       {
-    //         type: 'graph',
-    //         layout: 'none',
-    //         symbolSize: 50,
-    //         roam: false,
-    //         label: {
-    //           show: true
-    //         },
-    //         edgeSymbol: ['circle', 'arrow'],
-    //         edgeSymbolSize: [4, 10],
-    //         edgeLabel: {
-    //           fontSize: 20
-    //         },
-    //         data: [
-    //           {
-    //             name: 'Node 1',
-    //             x: 300,
-    //             y: 300
-    //           },
-    //           {
-    //             name: 'Node 2',
-    //             x: 800,
-    //             y: 300
-    //           },
-    //           {
-    //             name: 'Node 3',
-    //             x: 550,
-    //             y: 100
-    //           },
-    //           {
-    //             name: 'Node 4',
-    //             x: 550,
-    //             y: 500
-    //           }
-    //         ],
-    //         // links: [],
-    //         links: [
-    //           {
-    //             source: 0,
-    //             target: 1,
-    //             symbolSize: [5, 20],
-    //             label: {
-    //               show: true
-    //             },
-    //             lineStyle: {
-    //               width: 5,
-    //               curveness: 0.2
-    //             }
-    //           },
-    //           {
-    //             source: 'Node 2',
-    //             target: 'Node 1',
-    //             label: {
-    //               show: true
-    //             },
-    //             lineStyle: {
-    //               curveness: 0.2
-    //             }
-    //           },
-    //           {
-    //             source: 'Node 1',
-    //             target: 'Node 3'
-    //           },
-    //           {
-    //             source: 'Node 2',
-    //             target: 'Node 3'
-    //           },
-    //           {
-    //             source: 'Node 2',
-    //             target: 'Node 4'
-    //           },
-    //           {
-    //             source: 'Node 1',
-    //             target: 'Node 4'
-    //           }
-    //         ],
-    //         lineStyle: {
-    //           opacity: 0.9,
-    //           width: 2,
-    //           curveness: 0
-    //         }
-    //       }
-    //     ]
-    //   };
-    //   option && myChart.setOption(option);
-    // }
   }
 };
-
 </script>