Cytoscape.js cytoscape的样式表不起作用。文本和图形显示不正确

我正在尝试使用cytoscape创建以下图表

我在angular应用程序上安装了cytoscape sbgn样式表和cytoscape作为依赖项

下面是angular应用程序的代码

import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';
import * as cytoscape from 'cytoscape';
import sbgnStylesheet from 'cytoscape-sbgn-stylesheet';


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent implements AfterViewInit {
  @ViewChild('cy') el: ElementRef;

  ngAfterViewInit() {
    var cy = cytoscape({
      container: document.getElementById('cy'), // container to render in
      stylesheet: sbgnStylesheet(cytoscape),
      elements :[]  //copied from https://github.com/PathwayCommons/cytoscape-sbgn-stylesheet/blob/master/demo.json
      layout: {
        name: 'preset',
      },
    });
  }
}

Html File

``` 但我看不到图形的实际样式，也看不到任何标签。我做错了什么

这是我看到的没有节点样式和标签的图片

---

调试时间太长，但错误很小，只需使用以下方法：

样式：sbgnStylesheetcytoscape

而不是：

样式表：sbgnStylesheetcytoscape

这是存储库自述文件中的一个错误，文章清楚地说明了如何使用样式表，尽管演示像往常一样使用样式表

---

这是您的

的修订版调试时间太长，但错误很小，只需使用以下命令：

样式：sbgnStylesheetcytoscape

而不是：

样式表：sbgnStylesheetcytoscape

这是存储库自述文件中的一个错误，文章清楚地说明了如何使用样式表，尽管演示像往常一样使用样式表

---

这是你的修订版

你能给我们展示一下node/edge JSON结构吗？@StephanT。当然我从下面的链接复制了它：如果没有a，我只会猜测出什么问题。你能为你的问题提供一个有效的例子吗？@StephanT。这是完整的工作示例。您可以在下面的链接上查看它。您可以向我们展示节点/边缘JSON结构吗？@StephanT。当然我从下面的链接复制了它：如果没有a，我只会猜测出什么问题。你能为你的问题提供一个有效的例子吗？@StephanT。这是完整的工作示例。你可以在下面的链接上查看它是否有效！我只是想知道，如果我从头开始创建一些东西，计算节点x和y位置的最简单方法是什么@Stephan T.还有关于sbgn样式表提供的不同类和样式的文档吗？就像JSON一样，有bbox，但没有相关文档，很高兴我能帮上忙。回答您的问题：您想对预设布局做什么？节点/边缘结构是否已准备就绪？如果是这样，您可能希望手动对齐它们，并使用ele.jsons函数返回具有当前x和y的节点。手动对齐它们是什么意思？我有一个数据沿袭图像JPEG，我正试图在cytoscape中创建它。有没有桌面软件可以创建图形？这些类是由SBGN标准定义的，有一个参考卡，其中包含cytoscape SBGN扩展使用的不同类。这很有效！我只是想知道，如果我从头开始创建一些东西，计算节点x和y位置的最简单方法是什么@Stephan T.还有关于sbgn样式表提供的不同类和样式的文档吗？就像JSON一样，有bbox，但没有相关文档，很高兴我能帮上忙。回答您的问题：您想对预设布局做什么？节点/边缘结构是否已准备就绪？如果是这样，您可能希望手动对齐它们，并使用ele.jsons函数返回具有当前x和y的节点。手动对齐它们是什么意思？我有一个数据沿袭图像JPEG，我正试图在cytoscape中创建它。是否有桌面软件可以创建图形？这些类由SBGN标准定义，有一个参考卡，其中包含cytoscape SBGN扩展使用的不同类。