2017-11-28 5 views
0

노드와 가장자리가있는 그래프를 scracth에서 만들려고합니다. 아래 코드와 같은 노드와 모서리를 만들었지 만 페이지에서 아무 것도 볼 수 없습니다. 도와주세요. 여기에 내 HTML과 코드가 있습니다. 내가 Dijsktra이 가장자리에 있지만, 지금까지 무게를 추가 사용하려면, 나는cytoscape.js 구현을위한 가중치가있는 그래프를 만드는 방법 Diookstra

<html> 

    <head> 
     <title>Tutorial 1: Getting Started</title> 
     <script src="cytoscape.js"></script> 
    </head> 

    <style> 
     #cy { 
      width: 100%; 
      height: 100%; 
      position: absolute; 
      top: 0px; 
      left: 0px; 
     } 
    </style> 

    <body> 
     <div id="cy"></div> 
     <script> 
      var cy = cytoscape({ 
      container: document.getElementById('cy'), 
      elements: [ 
     { data: { id: 'a' } }, 
     { data: { id: 'b' } }, 
     { data: { id: 'c' } }, 
     { data: { id: 'd' } }, 
     { data: { id: 'e' } }, 
     { 
     data: { 
      id: 'ab', 
      source: 'a', 
      target: 'b' 
     } 
     data: { 
      id: 'da', 
      source: 'b', 
      target: 'd' 
     } 
     data: { 
      id: 'bd', 
      source: 'b', 
      target: 'd' 
     } 
     data: { 
      id: 'eb', 
      source: 'e', 
      target: 'b' 
     } 
     data: { 
      id: 'ba', 
      source: 'b', 
      target: 'a' 
     } 
     data: { 
      id: 'ed', 
      source: 'e', 
      target: 'd' 
     } 
     data: { 
      id: 'ce', 
      source: 'c', 
      target: 'e' 
     } 
     data: { 
      id: 'bc', 
      source: 'b', 
      target: 'c' 
     } 
     }] 
    }); 
</script> 

당신의 몸과 HTML 태그는 하나, 폐쇄되지 않습니다 여기

답변

0

코드를 입력하는 브라우저에 아무것도 볼 수 없습니다. Cytoscape tutorials은 HTML, CSS 및 JS에 대한 기본적인 이해를 전제로합니다. 기본 getting started tutorial에 문제가있는 경우 먼저 Mozilla web tutorials을 검토하시기 바랍니다. 명심해야 할

것들 :

  • 이 태그가 조화를 이루어야합니다.
  • 외부 (예 : 스크립트) 참조 정보가 올바른지 확인하십시오.
  • 웹 서버를 실행하지 않고 적절한 웹 개발자를 수행 할 수 없습니다 (예 : http-server.
  • 먼저 튜토리얼에서 예제 파일을 시작하는 것보다 먼저 변경하는 것이 더 쉽습니다.
  • demos at the top of the docs site의 코드도 좋은 시작점이 될 수 있습니다.
관련 문제