1、需求:
现有功能不够清晰展示关系,修改为上下级关系,现有功能图如下:
修改后功能图如下:
2、话不多说上代码
gxt(src,dst,attacks){
if(src.length<=1){
this.domWidth = "20%"
}
if(src.length>1){
this.domWidth = "100%"
}
let dom = document.getElementById('mychats');
let domW = dom.clientWidth;
let myCharts = echarts.init(document.getElementById('mychats'));
//源ip数据格式
var nodes = [{
y: '700',
name: '服务器AA',
},
{
y: '700',
name: '服务器Aa',
},
{
y: '700',
name: '服务器Ad',
}
]
//目的ip数据格式
var nodess = [{
y: '100',
name: '服务器Ab',
},
{
y: '100',
name: '服务器Ac',
},
{
y: '100',
name: '服务器Ae',
},
{
y: '100',
name: '服务器Af&#