cytoscape.js

    1

    1답변

    저는 Cytoscape를 사용하여 Dijkstra의 알고리즘을 다양한 그래프에서 테스트하려고합니다. 아래의 그래프를 사용하여이 C-A에서 최단 경로가 A -> D -> E -> C 될 것이라는 점을 쉽게 알 수있다. const dijkstra = cy.elements().dijkstra('#A', function(){ const weight = t

    0

    1답변

    Cytoscape.js에 처음 오셨습니까? Cytoscape에서 .cyjs 형식으로 네트워크 파일을 내보냈지만 Cytoscape.js에서 시각화하고 싶습니다. .cyjs 파일을 자바 스크립트에 통합하는 데 어려움을 겪었습니다. 나는 온라인으로 제공되는 Cytoscape.js 튜토리얼에서 다음과 같은 템플릿을했습니다 : <!doctype html> <ht

    1

    1답변

    색상과 도형을 정의 할 수있는 것과 같은 방법으로 JSON 파일에 액세스하는 CSS 선택기를 사용하여 cytoscape 노드에 부트 스트랩 뱃지를 포함시킬 수 있습니까?

    0

    1답변

    PNG (또는 SVG) 배경 이미지 (배경에 맞게 : 포함)를 사용하고 노드 테두리를 데이터에 따라 동적으로 변경하고 싶습니다. 한 가지를 제외하고는 모두 작동합니다. 노드 경계선은 노드 주변에 "가운데 맞춤"으로 렌더링되므로 선의 절반은 노드의 크기를 벗어나고 절반은 노드 안에 있습니다. 그러면 배경 이미지가 잘립니다 (아래 nodes.jpg 참조). I

    2

    1답변

    큰 그래프가로드되고 Cytoscape JS에 레이아웃되어있는 동안 로딩 스피너를 표시하려고합니다. 레이아웃이 완료되지 않은 경우에도로드 스피너가 사라집니다. 레이아웃 마무리를 듣고 최종 레이아웃에 도달 할 때까지 회 전자를 표시하는 방법이 있는지 궁금합니다. <!DOCTYPE html> <html> <head> <meta charset=

    0

    2답변

    qtip을 사용하여 네트워크 노드를 대화 형으로 만들려고합니다. 이 코드는 하드 코딩 된 네트워크에서 작동하지만 네트워크 파일이로드되면 작동하지 않습니다 (JSON 형식). 이것은 당신은 함수에서 PARAM 'EVT'를 사용해 볼 수 있습니다 // [AKT1.cyjs] [1] <!DOCTYPE html> <html> <head>

    0

    2답변

    큰 라벨을 사용하는 것이 이상적이지 않다는 것을 이해합니다 (https://github.com/cytoscape/cytoscape.js/issues/305).하지만 노드를 확장하여 추가 정보를 표시하고 싶다면 (이웃 사람들도 추가 정보를 표시 할 것입니다.) 다른 스타일을 적용해야합니다. 라벨의 다른 부분으로 아마도 어떤 종류의 오버레이를 사용해야 할 것입

    0

    1답변

    Cytoscape.js가있는 Petri Net을 구축하려고하는데 Dagre.js 레이아웃을 사용하고 차례로 마녀를 나타내는 복합 노드를 서브넷으로 사용합니다. 전체 접힌 네트워크에서 시작하여 펼치기 접기 확장 (Dagre 레이아웃)을 사용하고 있습니다. 그물이 진화함에 따라, 축소 된 노드의 자식을 포함하여 모든 노드에서 데이터를 업데이트해야합니다. 사용자

    0

    1답변

    에 의해 Cytoscape.js의 노드의 크기를 증가 : 그래프가 생성되면 "data": { "id": "Name", "name": "NameID", "faveColor": "#86B342", "size": 120 } 을, 나는의 크기를 증가 할 모든 노드는 특정 값 (사용자 입력에서 오는 값)으로 나타납니다. 이 'data(size)' + v

    0

    1답변

    누구든지 노드를 다시 그리도록 트리거하는 방법을 알고 있습니까? 기본 데이터 객체가 'label'속성을 업데이트하고 레이블을 다시 그리기 위해 cytoscape를 트리거 할 수있는 유일한 방법이있는 경우가 있습니다. .selectify() 다음 노드의 .unselectify() 중 일부 조합을 호출하십시오. .data('label', ...)을 사용하여 레