让布局扩展在cytoscape中工作需要哪些javascript包含文件？

Cytoscape Javascript绘图软件附带了几个内置布局，但也有其他作为“扩展”创建的布局。我尝试使用“klay”布局，这是一个扩展，我只是得到JavaScript错误。我的代码可以很好地处理内置布局，如“cose”，但扩展失败。以下是我使用的include文件：

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/3.14.0/cytoscape.min.js"></script>
<script src="https://unpkg.com/klayjs@0.4.1/klay.js"></script>   
<script type="text/javascript" src="scripts/cytoscape-klay.js"></script>

那么我做错了什么？一旦我有了正确的“include”文件，代码就应该可以工作了，因为对于内置布局和扩展布局，布局的使用应该是相同的。 谢谢。

接下来，我让它像这样工作：

document.AddEventListenerDomainContentLoaded，函数{ var cy=window.cy=cytoscape{ 容器：document.getElementById， //演示您的布局 布局：{ 姓名：klay //这里有更多的选择。。。 }, 风格：[{ 选择器：节点， 风格：{ 背景色：dd4de2 } }, { 选择器：边， 风格：{ 曲线样式：贝塞尔， 目标箭头形状：三角形， 线条颜色：dd4de2， 目标箭头颜色：dd4de2， 不透明度：0.5 } } ], 要素：{ 节点：[{ 数据：{ id:n0 } }, { 数据：{ id:n1 } }, { 数据：{ id:n2 } }, { 数据：{ 编号：n3 } }, { 数据：{ 编号：n4 } }, { 数据：{ 编号：n5 } }, { 数据：{ 编号：n6 } }, { 数据：{ 编号：n7 } }, { 数据：{ 编号：n8 } }, { 数据：{ 编号：n9 } }, { 数据：{ 编号：n10 } }, { 数据：{ 编号：n11 } }, { 数据：{ 编号：n12 } }, { 数据：{ 编号：n13 } }, { 数据：{ 编号：n14 } }, { 数据：{ 编号：n15 } } ], 边缘：[{ 数据：{ 资料来源：n0， 目标：n1 } }, { 数据：{ 资料来源：n1， 目标：n2 } }, { 数据：{ 资料来源：n1， 目标：n3 } }, { 数据：{ 资料来源：n2， 目标：n4 } }, { 数据：{ 资料来源：n4， 目标：n5 } }, { 数据：{ 资料来源：n4， 目标：n6 } }, { 数据：{ 资料来源：n6， 目标：n7 } }, { 数据：{ 资料来源：n6， 目标：n8 } }, { 数据：{ 资料来源：n8， 目标：n9 } }, { 数据：{ 资料来源：n8， 目标：n10 } }, { 数据：{ 资料来源：n10， 目标：n11 } }, { 数据：{ 资料来源：n11， 目标：n12 } }, { 数据：{ 资料来源：n12， 目标：n13 } }, { 数据：{ 资料来源：n13， 目标：n14 } }, { 数据：{ 资料来源：n13， 目标：n15 } } ] } }; }; 身体{ 字体系列：helvetica neue、helvetica、liberation sans、arial、sans serif； 字体大小：14px； } 赛义德{ 位置：绝对位置； 左：0； 排名：0； 底部：0； 右：0； z指数：999； } 接下来，我让它像这样工作：

document.AddEventListenerDomainContentLoaded，函数{ var cy=window.cy=cytoscape{ 容器：document.getElementById， //演示您的布局 布局：{ 姓名：klay //这里有更多的选择。。。 }, 风格：[{ 选择器：节点， 风格：{ 背景色：dd4de2 } }, { 选择器：边， 风格：{ 曲线样式：贝塞尔， 目标箭头形状：三角形， 线条颜色：dd4de2， 目标箭头颜色：dd4de2， 不透明度：0.5 } } ], 要素：{ 节点：[{ 数据：{ id:n0 } }, { 数据：{ id:n1 } }, { 数据：{ id:n2 } }, { 数据：{ 编号：n3 } }, { 数据：{ 编号：n4 } }, { 数据：{ 编号：n5 } }, { 数据：{ 编号：n6 } }, { 数据：{ 编号：n7 } }, { 数据：{ 编号：n8 } }, { 数据：{ 编号：n9 } }, { 数据：{ 编号：n10 } }, { 数据：{ 编号：n11 } }, { 数据：{ 编号：n12 } }, { 数据：{ 编号：n13 } }, { 数据：{ 编号：n14 } }, { 数据：{ 编号：n15 } } ], 边缘：[{ 数据：{ 资料来源：n0， 目标：n1 } }, { 数据：{ 资料来源：n1， 目标：n2 } }, { 数据：{ 资料来源：n1， 目标：n3 } }, { 数据：{ 资料来源：n2， 目标：n4 } }, { 数据：{ 资料来源：n4， 目标：n5 } }, { 数据：{ 资料来源：n4， 目标：n6 } }, { 数据：{ 资料来源：n6， 目标：n7 } }, { 数据：{ 资料来源：n6， 目标：n8 } }, { 数据：{ 资料来源：n8， 目标：n9 } }, { 数据：{ 资料来源：n8， 目标：n10 } }, { 数据：{ 资料来源：n10， 目标：n11 } }, { 数据：{ 资料来源：n11， 目标：n12 } }, { 数据：{ 资料来源：n12， 目标：n13 } }, { 数据：{ 资料来源：n13， 目标：n14 } }, { 数据：{ 资料来源：n13， 目标：n15 } } ] } }; }; 身体{ 字体系列：helvetica neue、helvetica、liberation sans、arial、sans serif； 字体大小：14px； } 赛义德{ 位置：绝对位置； 左：0； 排名：0； 底部：0； 右：0； z指数：999； }

---

是的，你的3个包含文件使它工作。当我解压github包时，我没有找到一个可以使用这些文件的演示，但我猜它就在那里。通常对于cytoscape.js布局的主框架，我复制demo.html文件，几乎所有的演示都有这些文件，并使用jsdeliver.com或unpkg.com这样的网站更改静态导入。通过这种方式，您可以获得布局和一些示例节点是的，您的3个include文件使其正常工作。当我解压github包时，我没有找到一个可以使用这些文件的演示，但我猜它就在那里。通常对于cytoscape.js布局的主框架，我复制demo.html文件，几乎所有的演示都有这些文件，并使用jsdeliver.com或unpkg.com这样的网站更改静态导入。这样可以得到布局和一些示例节点