oss2024hnu / coursegraph-js

HTML5로 전공과목 정보 YAML 파일을 전공이수체계도나 표로 시각화하는 프로젝트
MIT License
3 stars 48 forks source link

dummyNode를 사용한 그래프 위치 재배치 #110

Closed ppoppy closed 5 months ago

ppoppy commented 5 months ago

image

안 보이는 더미 노들를 사용하여 그래프들의 위치를 조정하였습니다. 또, 재배치로 인해 잘 안보이는 선들의 색상도 변경하였습니다.

F5 ~~~ dummyNode1
dummyNode1 ~~~ G1

D6 ~~~ dummyNode2
dummyNode2 ~~~ E1

style dummyNode1 fill:none,stroke:none,color:#fff; style dummyNode2 fill:none,stroke:none,color:#fff; F5 에서 G1 중간에 하나, D6과 E1 사이에 하나 총 두개의 더미 노드를 사용하였습니다 다른 노드들과 더미노드( dummyNode1 과 dummyNode2 ) 의 연결선을 안 보이게 하기 위해 "~~~"로 설정하였고, 더미 노드의 텍스트는 안 보이게 하기 위해 style에 color 속성을 사용하여 텍스트의 색상을 배경색과 동일한 하얀색으로 변경하였습니다.