diff --git a/view-ui/src/App.vue b/view-ui/src/App.vue index 594338a2..71785990 100644 --- a/view-ui/src/App.vue +++ b/view-ui/src/App.vue @@ -304,8 +304,8 @@ export default { let createdNodeArr=[]; let threadPos={}; let lockPos={}; - let thPosX=0; - let thPosY=0 + let thPosX=30; + 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); - // } + } } }; -