Question

我正在尝试使用scracth创建一个包含节点和边的图。我正在创建节点和边缘，如下面的代码，但我在页面上看不到任何东西。请帮忙。这是我的html和代码。我想使用Dijsktra为边缘添加权重，但直到现在，我在浏览器上看不到任何内容

    <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>

在这里输入代码

Answer 1

你的身体和html标签并没有关闭。 Cytoscape tutorials假设对HTML，CSS和JS有基本的了解。如果您在使用基本getting started tutorial时遇到问题，我建议您首先查看Mozilla web tutorials。

要记住的事情：

确保您的代码均衡。
确保您的外部（例如脚本）引用正确无误。
您无法在不运行Web服务器的情况下执行正确的Web开发，例如http-server。
从教程中的示例文件逐字开始，而不是先尝试更改内容，这样做更容易。
demos at the top of the docs site的代码也可以作为良好的起点。

cytoscape.js如何为实现Dijkstra创建一个带权重的图形

1 个答案: