小编Mar*_*ger的帖子

以下 cytoscape.js 图表显示其边缘没有箭头。我确实有一个指定三角形箭头的边缘选择器，但它没有显示。

var cy = cytoscape({
  container: document.getElementById('cy'),
  style: [{
    selector: 'node',
    style: {
      'background-color': 'mapData(activation, -1, 1, blue, red)',
      'label': 'data(id)'
    }
  }, {
    selector: 'edge',
    style: {
      'width': 3,
      'line-color': function(ele) {
        return ele.data('relation')
      },
      'target-arrow-color': function(ele) {
        return ele.data('relation')
      },
      'target-arrow-shape': 'triangle'
    }
  }],
  // If you want to apply the layout on the constructor
  // you must supply the elements too
  layout: {
    name: 'breadthfirst'
  },
  elements: {
    nodes: [{
        group: 'nodes',
        data: {
          id: …

我使用 JavaScript 图表程序 cytoscape.js 在网页中构建了一个图表。它根本不显示任何内容。但它也不会给出语法错误，除了关于为了缩放目的而接管鼠标的警告。

这是代码：

     <style type="text/css">
        #cy {
            width: 90%;
            height: 300px;
            display: block;
        }
    </style>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/3.14.0/cytoscape.min.js"></script>
    <script type="text/javascript">
        var cy = cytoscape({

            container: document.getElementById('cy'), // container to render in


            style: [ // the stylesheet for the graph
                {
                    selector: 'node',
                    style: {
                        'background-color': '#666',
                        'label': 'data(id)'
                    }
                },

                {
                    selector: 'edge',
                    style: {
                        'width': 3,
                        'line-color': '#ccc',
                        'target-arrow-color': '#ccc',
                        'target-arrow-shape': 'triangle'
                    }
                }
            ],


            // initial viewport state:
            zoom: 1,
            pan: { x: 0, y: …

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

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

那么我在这里做错了什么？一旦我有了正确的“包含”文件，代码就应该可以工作，因为内置布局的布局使用应该与扩展布局相同。谢谢。

我有一个可视化的基本程序，可以从 Internet 下载单个文件。这些文件可以是 PDF，也可以是实际的网页，也可以是文本。通常我不会遇到任何其他类型的文件（图像除外）。知道我下载的是什么类型的文件似乎很容易，只需测试 URL 的扩展名。

例如，诸如“ http://microsoft.com/HowToUseAzure.pdf ”之类的 URL很可能是 PDF。但是有些 URL 看起来不是这样。我遇到了一个看起来像这样的：

http://www.sciencedirect.com/science?_ob=MImg&amp _imagekey=B6VMC-4286N5V-6-18&amp _cdi=6147&amp _orig=search&amp _coverDate=12%2F01%2F2000&amp _qd=1&amp _sk=999059994&amp wchp=dGLSzV-lSzBV&amp _acct=C000000152&amp _version=1&amp _userid=4429&amp md5=d4d53f46bdf6fb8c7431f4a2e04876e7&amp ie=f.pdf 

我可以对这个 URL 进行一些智能解析，最后得到第一部分：

http://www.sciencedirect.com/science

第二部分，即问号及其后的所有内容。在这种情况下，第一部分没有告诉我我有什么类型的文件，尽管第二部分确实有线索。但第二部分可能是任意的。所以我的问题是，在这种情况下我该怎么办？我可以将文件下载为“二进制”，然后测试“二进制”字节，看看我是否有

1) 文本 2) pdf 3) html？

如果是这样，测试是什么？无论如何，“二进制”和“pdf”和“文本”之间有什么区别 - 二进制文件中是否有一些字节值不会出现在 html 文件中 - 或者在 Unicode 文件中，或者在 pdf 文件中？

谢谢。