2017-11-28 14 views
0

scracthからノードとエッジを持つグラフを作成しようとしています。私は下のコードのようにノードとエッジを作成していますが、ページ上に何も表示されません。助けてください。ここに私のHTMLとコードがあります。私はcytoscape.js実装用の重み付きグラフを作成する方法Dijkstra

<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タグは1のため、閉鎖されていないここに

答えて

0

をコードを入力し、エッジに重みを加えるDijsktraを使用することが、今までは、私はブラウザ上で何も見えないことができますしたいです。 Cytoscape tutorialsは、HTML、CSS、およびJSの基本的な理解を前提としています。基本のgetting started tutorialに問題がある場合は、まずMozilla web tutorialsを確認することをおすすめします。心に留めておくべき

もの:

  • あなたのタグがバランスしていることを確認してください。
  • 外部(例:スクリプト)の参照が正しいことを確認してください。
  • Webサーバーを実行せずに適切なWeb開発者を実行することはできません。 http-server
  • 最初に変更しようとするよりも、チュートリアルの例ファイルから始める方が簡単です。
  • demos at the top of the docs siteのコードも良い出発点です。
関連する問題