cytoscape的样式表不受影响。文本和图形显示不正确

Question

我试图创建一个使用Cytoscape下面的图表。

https://pathwaycommons.github.io/cytoscape-sbgn-stylesheet/

我已经安装了cytoscape-sbgn-stylesheet和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

Answer 1

调试耗时太长，但错误很小，只需使用以下代码：

样式:sbgnStylesheet（cytoscape）,

而不是：