百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

构建关系图基本步骤和注意事项

作者唐瑞课程ECharts No.6 - 绘制人物关系图1909次浏览12017-03-01 17:31

首先从这个链接的地方下载关系数据,一般来说是gml格式的。

http://www-personal.umich.edu/~mejn/netdata/

当然,也可以自行百度,网上也有挺多关系节点数据的。
然后就是下载gephi

https://gephi.org

无脑下载,一直下一步就行。
下载完之后可能你会打不开,会提示 需要java1.7以上环境。这就蛋疼额
没关系,我们去下java

https://www.java.com/zh_CN/download

下好之后一样傻瓜操作,程序会自动帮你配置好PATH的,如果仍然提醒你没有java环境,那么就需要自己去配置PATH环境,右键进我的电脑属性,然后在环境变量那里加入自己java程序的路径
搞定之后,用gephi打开gml数据,这时候你就可以看到很多的点了,然后你可以自己拖动点,也可以用gephi自带的各种算法,你也可以下插件,之后在文件页面输出为gexf格式的文件就行了。
在这里对图形布局我说的很少,强烈推荐看gephi官方的quick_start的PDF,就三十几页,你大概看其中的二十几页就够了,而且图片很多,英语很简单。

https://gephi.org/users/quick-start/

(吐槽一下中文版gephi,貌似要报名才能看到相关的文档,具体我也不知道,反正我没报名)
之后就是仿造例程进行coding(copying)了,基本就是看着例程,在参考配置手册来熟悉操作和达到独一无二的效果(毕竟只抄例程也太low了)
在写完之后你会很蛋疼,因为啊,html文件看不到效果啊,然后浏览器会报错啊,什么Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.就滚到你屏幕上去了.
这时候呢,你就想,我百度去,然后出现一大堆教程,一个一个点进去看,卧槽,怎么都特么是一样的。算了,这些网站和博客就特么知道抄来抄去。然后按照上面的教程改,access-file。。。。巴拉巴拉的,然后还是不行。(我估计老版chrome可以,新的就不行了)
然后,还是要去stackoverflow去找。解决方法一般就这两个:自己搭建一个web服务器,然后用http协议获取。或者你直接把整个代码传到github上,然后用在线浏览的方式debug。记住,最好把所有文件全传上去,不然你用本地的html通过http协议获取网上的gexf文件会出问题,好像是跨域访问限制之类的。

0条评论