Как нарисовать DiGraph в стиле Org Chart? - PullRequest
Новая
       88

Как нарисовать DiGraph в стиле Org Chart?

0 голосов
/ 03 июня 2019

заявление о проблеме:

Хотя мне удалось вывести диаграмму из Networkx DiGraph через Matplotlib, я хотел бы получить более точные настройки или посоветовать более подходящую библиотеку для ее рисованияболее «читабельным» образом.

Как вы увидите ниже, диаграмма в значительной степени искажена, и края не сильно отличаются друг от друга.Это необходимо исправить.

КАК ЕСТЬ:

список ребер и текущий график нарисованы с помощью nx.kamada_kawai_layout и plt.show

список ребер: 

[('D', 'N', {'fam': 2, 'weight': 3}), ('D', 'I', {'fam': 2, 'weight': 3}), ('D', 'E', {'fam': 2, 'weight': 1}), ('I', 'J', {'fam': 2, 'weight': 2}), ('L', 'M', {'fam': 2, 'weight': 2}), ('G', 'H', {'fam': 2, 'weight': 2}), ('H', 'C', {'fam': 2, 'weight': 1}), ('C', 'D', {'fam': 2, 'weight': 2}), ('C', 'K', {'fam': 2, 'weight': 1}), ('B', 'C', {'fam': 2, 'weight': 2}), ('A', 'B', {'fam': 2, 'weight': 2}), ('K', 'L', {'fam': 2, 'weight': 2}), ('E', 'F', {'fam': 2, 'weight': 2})]

список узлов: 

[('D', {'fam': 2, 'leaf': 'no', 'root': 'no'}), ('N', {'fam': 2, 'leaf': 'yes', 'root': 'no'}), ('I', {'fam': 2, 'leaf': 'no', 'root': 'no'}), ('L', {'fam': 2, 'leaf': 'no', 'root': 'no'}), ('M', {'fam': 2, 'leaf': 'yes', 'root': 'no'}), ('J', {'fam': 2, 'leaf': 'yes', 'root': 'no'}), ('G', {'fam': 2, 'leaf': 'no', 'root': 'yes'}), ('H', {'fam': 2, 'leaf': 'no', 'root': 'no'}), ('C', {'fam': 2, 'leaf': 'no', 'root': 'no'}), ('B', {'fam': 2, 'leaf': 'no', 'root': 'no'}), ('A', {'fam': 2, 'leaf': 'no', 'root': 'yes'}), ('K', {'fam': 2, 'leaf': 'no', 'root': 'no'}), ('E', {'fam': 2, 'leaf': 'no', 'root': 'no'}), ('F', {'fam': 2, 'leaf': 'yes', 'root': 'no'})]

диаграмма: nx.kamada_kawai_layout

текущий код для рисования графика: 

elarge = [(u, v) for (u, v, d) in g.edges(data=True) if d['weight'] == 3 ]
enormal = [(u, v) for (u, v, d) in g.edges(data=True) if d['weight'] == 2 ]
esmall = [(u, v) for (u, v, d) in g.edges(data=True) if d['weight'] == 1 ]

nleaf = [(u) for (u, d) in g.nodes(data=True) if d['leaf'] == 'yes' ]
nroot = [(u) for (u, d) in g.nodes(data=True) if d['root'] == 'yes' ]

edge_labels=dict([((u,v,),d['weight']) for u,v,d in g.edges(data=True)])

pos = nx.kamada_kawai_layout(g)


# nodes
nx.draw_networkx_nodes(g, pos, node_size=200)
nx.draw_networkx_nodes(g, pos, nodelist=nleaf, node_color='g', node_size=600)
nx.draw_networkx_nodes(g, pos, nodelist=nroot, node_color='y', node_size=600)

# edges
nx.draw_networkx_edges(g, pos, edgelist=elarge, width=2, alpha=0.8, edge_color='g', style='dotted')
nx.draw_networkx_edges(g, pos, edgelist=enormal, width=2, alpha=0.8, edge_color='b', style='dashed')
nx.draw_networkx_edges(g, pos, edgelist=esmall, width=2, alpha=0.8, edge_color='b', style='solid')

# labels
nx.draw_networkx_edge_labels(g,pos,edge_labels=edge_labels)
nx.draw_networkx_labels(g, pos, font_size=10, font_family='sans-serif')


plt.axis('off')
N = 2
params = plt.gcf()
plSize = params.get_size_inches()
params.set_size_inches( (plSize[0]*N, plSize[1]*N) )
plt.show()

TO-BE

по направлению, хотелось бычтобы получить что-то похожее на приведенное ниже.

примечание:

  • значение имеет общая форма, а не цвет
  • схема / схема должны быть применимы не тольконапример, приведенный выше, но для любого DiGraph «разумного» размера (т.е. ~ 20 граней)

org-chart like drawing

спасибомного заранее за ваше время и отзывы!

1 Ответ

1 голос
/ 03 июня 2019

Вы должны использовать layoutviz layout для правильной визуализации графика. Замените эту строку кода:

pos = nx.kamada_kawai_layout(g)

с этим:

pos = nx.nx_agraph.graphviz_layout(g, prog='dot')

Он использует движок DOT от graphviz, который отлично подходит для ориентированных графов, особенно для DAG и деревьев. Обратите внимание, что вам нужно установить Graphviz на вашем компьютере для использования этой функции.

Я изменил ваш draw код с этим (влияет только на цвета / размеры): 

# nodes
nx.draw_networkx_nodes(g, pos, node_size=500, node_color='#AAAAAA')
nx.draw_networkx_nodes(g, pos, nodelist=nleaf, node_color='#00BB00', node_size=800)
nx.draw_networkx_nodes(g, pos, nodelist=nroot, node_color='#9999FF', node_size=800)

# edges
nx.draw_networkx_edges(g, pos, edgelist=elarge, width=2, alpha=0.8, edge_color='g', style='dotted')
nx.draw_networkx_edges(g, pos, edgelist=enormal, width=2, alpha=0.8, edge_color='b', style='dashed')
nx.draw_networkx_edges(g, pos, edgelist=esmall, width=2, alpha=0.8, edge_color='b', style='solid')

# labels
nx.draw_networkx_edge_labels(g,pos,edge_labels=edge_labels)
nx.draw_networkx_labels(g, pos, font_size=14, font_color='w', font_family='sans-serif')

И рисует следующий график:

enter image description here

...