아래는 Cytoscape.js에서 그래프를 확대하는 간단한 예시입니다:

var cy = cytoscape({
  // 그래프 설정
  container: document.getElementById('cy'),

  elements: [
    // 그래프 요소 정의
    // ...
  ],

  layout: {
    // 레이아웃 설정
    // ...
  }
});

// 그래프 확대
cy.zoom({ level: 2 }); // 2배 확대

위의 예제에서는 cy.zoom()을 호출하여 그래프를 2배 확대합니다. level 옵션을 사용하여 확대 또는 축소 수준을 조절할 수 있습니다. level 값이 1보다 작으면 축소, 1보다 크면 확대됩니다.

추가적으로, fit() 메서드를 사용하여 그래프의 모든 요소가 화면에 보이도록 자동으로 확대/축소할 수도 있습니다. fit() 메서드는 그래프를 최대한 맞추는 확대/축소 수준을 계산하여 적용합니다.

// 그래프 모든 요소가 화면에 보이도록 확대/축소
cy.fit();

이는 그래프가 동적으로 변경될 때 사용하면 편리합니다. fit() 메서드를 호출하면 현재 그래프 상태에 맞게 확대/축소가 자동으로 조절됩니다.

더 자세한 내용은 Cytoscape.js 공식 문서를 참조하시기 바랍니다.