您现在的位置是:网站首页 > 情感障碍

如何在extjs的PANEL里用d3.js来绘图

本站2019-08-1374人围观
简介 EXTJS和D3都很强大,不解释了,把D3绘的图直接放到一个EXT的TAB里,直接上图上代码:代码中的D3例子来自:https:///mbostock/d3/wiki/Force-Layout

	如何在extjs的PANEL里用d3.js来绘图

EXTJS和D3都很强大,不解释了,把D3绘的图直接放到一个EXT的TAB里,直接上图上代码:代码中的D3例子来自:https:///mbostock/d3/wiki/Force-Layout可用于绘制拓扑结构图.(,{extend:,alias:,layout:fit,title:singleview,initComponent:function(){.callParent(arguments);},onRender:function(){varme==();(arguments);();},drawMap:function(){varwidth=960,height=500vartarget=("#"+.id+"-body");varsvg=("svg").attr("width",width).attr("height",height);varforce=().gravity(.05).distance(100).charge(-100).size([width,height]);("",function(json){().links().start();varlink=(".link").data().enter().append("line").attr("class","link");varnode=(".node").data().enter().append("g").attr("class","node").call();("image").attr("xlink:href","https:///").attr("x",-8).attr("y",-8).attr("width",16).attr("height",16);("text").attr("dx",12).attr("dy",".35em").text(function(d){});("tick",function(){("x1",function(d){;}).attr("y1",function(d){;}).attr("x2",function(d){;}).attr("y2",function(d){;});("transform",function(d){"translate("++","++")";});});});}});有兴趣可以访问下我的生活博客:postedon2012-09-2707:38阅读(4105)所属分类:。