cytoscape js，如何使用json数据文件中的背景图像定义节点

我想使用cytoscape库构建一个示例图，但我想在每个节点上显示不同的图像

我试过：

[ 
  {
    "data": [
      "id0"
    ],
    "position": {
      "x": 44,
      "y": 93
    }
  },
  {
    "data": [
      "id1"
    ],
    "position": {
      "x": 77,
      "y": 200
    },
    "background-image": [
      "https://upload.wikimedia.org/wikipedia/commons/b/b4/High_above_the_Cloud_the_Sun_Stays_the_Same.jpg",
      "https://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Pigeon_silhouette_4874.svg/1000px-Pigeon_silhouette_4874.svg.png"
    ],
    "background-fit": "cover cover",
    "background-image-opacity": 0.5
  }
]

但当我加载页面时，我看到两个“空”节点。我使用了以下javascript脚本：

fetch('data.json', {mode: 'no-cors'})
  .then(function(res) {
    return res.json()
  })
  .then(function(data) {
    var cy = window.cy = cytoscape({
      container: document.getElementById('cy'),

      layout: {
        name: 'preset',
      },

      style: [
        {
          selector: 'node',
          style: {
            'height': 20,
            'width': 20,
          }
        }
      ],

      elements: data
    });
  }); 

我的错在哪里？如何在每个节点上生成具有不同背景图像的图形

谢谢：）

这是我的解决方案：

将css设置为#cy很重要

编辑： 这是正确的->

它必然是“背景图像”包装标签“样式”

---

删除

{mode:'no cors'}

谢谢您的回复。我删除了{mode:'no cors}，但没有任何更改..：/您在浏览器控制台中看到了什么以及“网络”选项卡中出现的任何问题？我检查了这些问题，没有出现任何错误（firefog本机调试器，网络和控制台选项卡中没有任何显示我的代码），谢谢您的回答！但是…当我转到plnkr链接（）时，背景图像不会出现在第二个节点中。我可能不太清楚。（我的英语技能…），在我的data.json文件中，你可以看到我定义了一个带有背景图像的节点。我正在寻找一种在节点上显示背景图像（由data.json文件定义）的方法。我试着按照cytoscape的文档（）中的示例进行操作，但我的尝试不起作用：/I添加了答案。我认为，这是正确的。请检查一下！

#cy {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

"style": {
  "background-image": [
    "https://upload.wikimedia.org/wikipedia/commons/b/b4/High_above_the_Cloud_the_Sun_Stays_the_Same.jpg",
    "https://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Pigeon_silhouette_4874.svg/1000px-Pigeon_silhouette_4874.svg.png"
  ],
  "background-fit": "cover cover",
  "background-image-opacity": 0.5
}