python力导向图图_D3.js 力导向图（气泡+线条+箭头+文字）

.link {

fill: none;

stroke: #666;

stroke-width: 1.5px;

}

#licensing {

fill: green;

}

.link.licensing {

stroke: green;

}

.link.resolved {

stroke-dasharray: 0,2 1;

}

circle {

fill: #ccc;

stroke: #333;

stroke-width: 1.5px;

}

text {

font: 12px Microsoft YaHei;

pointer-events: none;

text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;

}

.linetext {

font-size: 12px Microsoft YaHei;

}

// http://blog.thomsonreuters.com/index.php/mobile-patent-suits-graphic-of-the-day/

var links = [

{source: "同花顺", target: "IFIND", type: "resolved", rela:"主营产品"},

{source: "同花顺", target: "手机金融信息服务", type: "resolved", rela:"主营产品"},

{source: "同花顺", target: "互联网金融信息服务", type: "resolved", rela:"主营产品"},

{source: "同花顺", target: "网上行情交易系统", type: "resolved", rela:"主营产品"},

{source: "同花顺", target: "金融资讯及数据服务", type: "resolved", rela:"主营产品"},

{source: "同花顺", target: "互联网金融", type: "resolved",rela:"主营产品"},

{source: "同花顺", target: "金融服务", type: "resolved",rela:"主营产品"},

{source: "手机金融信息服务", target: "金融信息服务", type: "resolved", rela:"上位产品"},

{source: "互联网金融信息服务", target: "金融信息服务", type: "resolved", rela:"上位产品"},

{source: "二三四五002195", target: "金融信息服务", type: "resolved", rela:"主营产品"},

{source: "大智慧601519", target: "金融信息服务", type: "resolved", rela:"主营产品"},

{source: "大智慧601519", target: "互联网金融信息服务", type: "resolved", rela:"主营产品"},

{source: "金融服务", target: "移动互联网", type: "resolved", rela:"上游"},

{source: "金融服务", target: "互联网金融服务", type: "resolved", rela:"下位产品"},

{source: "金融服务", target: "综合金融服务", type: "resolved", rela:"下位产品"}

];

var nodes = {};

links.forEach(function(link) {

link.source = nodes[link.source] || (nodes[link.source] = {name: link.source});

link.target = nodes[link.target] || (nodes[link.target] = {name: link.target});

});

var width = 1560,

height = 800;

var force = d3.layout.force()//layout将json格式转化为力学图可用的格式

.nodes(d3.values(nodes))//设定节点数组

.links(links)//设定连线数组

.size([width, height])//作用域的大小

.linkDistance(180)//连接线长度

.charge(-1500)//顶点的电荷数。该参数决定是排斥还是吸引，数值越小越互相排斥

.on("tick", tick)//指时间间隔，隔一段时间刷新一次画面

.start();//开始转换

va