echarts3的关系图遇到的坑

在echarts3的官方案例中找到自己想要的关系图，在使用过程中，因对其文档不熟悉以及自己不是一个前端，所以有点丈二和尚摸不着头脑，经过本渣的实践，直接将copy案例代码，本地是无法运行的。

遇到的坑如下：

1. 第一找不到 myChart 
   未初始化myChart  解决办法var myChart = echarts.init(document.getElementById('main'));
2. 看到官方示例 中的请求url 'data/asset/data/les-miserables.gexf'，或许有点懵逼，以经验看直接将此url复制到当前url上替换当前请求方法，请求地址如：http://echarts.baidu.com/data/asset/data/les-miserables.gexf ， 回车直接下载该文档到本地。
3. ajax报错   Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. 跨域问题
   这个问题是个常见的问题，可是网上的解答大多是说修改浏览器的参数，可是这是个不靠谱的解决办法，一般浏览器禁用的跨域，肯定是有他的观点，其次。这和方法只可以自己使用，不可能让用户使用，去修改他的浏览器参数
   由于只是在本地写一个小demo，根本没有在服务器上跑，所以我就本地使用了一个apache环境，访问路径由刚刚的file:///E:/study/index.html 更改成了calhost/echart/index.html
   在查找资料过程中此文章 http://blog.csdn.net/faryang/article/details/51288762 谢谢  给了我不少焕然大悟，也觉的有不少干货
   正真的跨服务器请求资源，有时间再次填坑，之前有跟着别人做过，可是不少自己动手打的怪，所以时间久了就。。。。
4. 刚刚下载的这个文件，不被识别。Uncaught TypeError: Cannot read property 'gexf' of undefined
   解决思路明明是xml文件，被转化的后缀，是不是有echart自己的一套转化工具，果然需要引进 
   下载地址：https://github.com/ecomfe/echarts/blob/master/dist/extension/dataTool.min.js
5. 到此再无报错，可是页面和控制台一样干净，发现这种canvas画图不能撑开元素
   给其父级div一个宽度和高度