[javascript] Cytoscape.js에서 그래프의 특정 부분을 숨기거나 보이는 방법은 무엇인가요?

Cytoscape.js에서 그래프의 특정 부분을 숨기거나 보이는 방법은 다음과 같습니다:

  1. hide() 메서드를 사용하여 특정 요소를 숨길 수 있습니다. 이 메서드는 시각적으로 해당 요소를 숨기지만 객체 그 자체는 그래프 상에 남아있습니다. 예를 들어, 아래의 코드는 “node1”이라는 ID를 가진 노드를 숨깁니다.
cy.$('#node1').hide();
  1. visible(false)를 사용하여 요소를 숨길 수도 있습니다. 이 메서드는 hide()와 동일한 결과를 제공하지만, 이 메서드는 Cytoscape.js 요소 객체의 속성을 변경합니다. 예를 들어, 아래의 코드는 “node1” 요소를 숨깁니다.
cy.getElementById('node1').visible(false);
  1. 특정 조건에 따라 요소를 숨길 수도 있습니다. 이를 위해 hide() 메서드와 visible(false)를 사용하는 것 외에도, Cytoscape.js의 필터링 메커니즘을 사용할 수 있습니다. 예를 들어, 아래의 코드는 “type”이 “A”인 노드를 모두 숨깁니다.
cy.nodes('[type="A"]').hide();

이러한 방법을 사용하여 Cytoscape.js 그래프의 특정 부분을 숨기거나 보여줄 수 있습니다. 자세한 내용은 Cytoscape.js 문서를 참조하시기 바랍니다.