cytoscape.js可以做力导向图布局算法么

来源：蜘蛛抓取(WebSpider) 时间：2016-07-10 09:10 标签： 力导向图

什么叫力导向图布局算法在数據可视化中起到什么作用，用来分析哪些数据力导向图布局算法都有哪些分类？ [图片]

代码5-12行设置图的属性这是一个長400px宽300px底色灰色的图。代码15-40行我们调用cytoscape()函数并初始化它来完成关系图的绘制

代码30-36行，elements属性包含的是图里的节点和边

有了节点和边的数据，那它们显示出来是什么样子的则是由代码19-29行的style属性决定的style由多个如下的（selector + css）样式组成。

selector属性选择要修改样式的元素上面我们选择了label =

玳码37行，layout属性layout布局网络图里的节点显示的位置。你可以选择不同类型的layout把整个网络显示成树形圆形，网格力导向图布局算法等等。峩们随便选了一个’grid’网格布局

我们再回过头来看看我们建好的Flask网站的目录结构。下面所有的源代码都可以从我的github项目 clone

下面是code.js的代码。（源代码：）

代码3-6行style和前面讲到的差不多，这次我们并没有设content属性所以显示的节点上不会有文字。

下面是app.py的代码（源代码：) 


 

 这段代码用到了很多py2neo的函数，如果不熟悉的可以回到看看它们的用法
 


 

 


 

 


 

 


 

 


 

 


 

 

 写完了所有的代码，是时候来看看我们的劳动成果了让我们来启动我们的网站，看看Movie库的网络关系图显示出来的效果吧你需要：
 
 
 

 
 

 運行如下命令启动Flask网站。

 

 用浏览器浏览网页你就可以看到画出来的网络关系图了。

 

 这里看到的关系图只是关系图的一小部分你可以用鼠标滚轮来缩小放大来看到全貌。

我要回帖

更多关于 力导向图 的文章

 

随机推荐