草庐IT

force-layout

全部标签

javascript - 使用 onShow 和 onLoad 为 dijit.layout.ContentPane 创建程序

我创建了一个ContentPane,既声明式又编程式。声明式的:程序化varobj_abc;varabchref="abc.php?id=1";obj_abc=newdijit.layout.ContentPane({id:'abccp',title:'abc',href:abchref});如何在程序化的ex中调用do_abc() 最佳答案 为了在技术上等同于您的第一个示例,您只需在传递给ContentPane的构造函数的参数对象中包含onShow:do_abc。(注意do_abc后没有括号-我们感兴趣的是函数对象本身,而不是调用

javascript - 设置 D3 力导向图

致尊敬的读者。我是javascript的新手,我遇到过这个问题。我正在尝试实现此力导向图的修改版本:http://mbostock.github.com/d3/ex/force.htmljson数据是从php脚本动态生成的。这个想法是用一种颜色为连接到一个特定节点(在php脚本中定义)的所有线着色,而所有其他线为灰色阴影。我试图通过将json文件中的源变量与php脚本中的变量匹配并在为真时更改颜色来做到这一点,如下所示:varlink=svg.selectAll("line.link").data(json.links).enter().append("line").attr("cla

javascript - 在节点边缘对齐标记 D3 强制布局

我正在尝试实现d3力布局,但无法弄清楚如何以正确的方式放置我的链接标记。这是我到目前为止得到的:varlinks=force_data.force_directed_data.links;varnodes={};//Computethedistinctnodesfromthelinks.links.forEach(function(link){link.source=nodes[link.source]||(nodes[link.source]={name:link.source});link.target=nodes[link.target]||(nodes[link.target]

javascript - 修改 d3 力导向图示例

我是javascript和D3.js的新手,我想了解它们是如何工作的。我一直在玩力导向图的例子:http://bl.ocks.org/mbostock/4062045我想做的是将JSON链接从数组编号更改为节点名称。我正在尝试可视化一个小型网络拓扑,并且我已经设置了节点邻居。这是我想使用的JSON数据:{"nodes":[{"name":"stkbl0001","group":1},{"name":"stkbl0002","group":1},{"name":"stkbl0003","group":1},{"name":"stkbl0004","group":1},{"name":"s

javascript - d3 力有向图向下力模拟

也许这不是最好的方法,但现在我已经陷入困境,我想知道它是如何工作的。我正在尝试使用d3创建一棵树,节点将向下沉降,就像有重力一样。我希望这个,连同每个节点的电荷和绳索的张力,使它最终看起来像我想象的那样,它会自我平衡。我试图在d3中模拟这种持续向下的加速度,但我是d3的初学者,不知Prop体如何。我也遇到了模拟停止运行的问题,而d3.timer(force.resume)没有帮助。所以本质上,我想让一个根节点像枢轴一样固定在某个位置,子节点从它上面脱落,重力、电荷和张力存在,这样子节点就会自动安定下来并平衡成一个树状结构。 最佳答案

javascript - 具有固定布局的 d3.js 绘图网络

我目前正在处理由我的前任编写的批处理脚本的可视化结构,它只是从某处重复SELECT和INSERT到某处。我尝试使用树函数,但当我希望将JSON的相同索引中的相同名称识别为相同节点时,使用起来并不灵活。所以我决定使用强制布局功能,并且在谷歌搜索的帮助下几乎完成了。然而,虽然我可以在同一区域映射同一组数据库或脚本来初始化部分,但不知何故force.on("tick",function()~~重新计算每个节点之间的距离然后它变得非常困惑。但没有这个,它不会显示节点之间的链接。有谁知道如何在使用JSON重新计算链接时固定布局。我的代码是这样的:node.append("circle").att

javascript - chrome extension force 鼠标移动

我正在编写一个chrome扩展程序来记录您的操作,例如(鼠标点击、键盘按键)。扩展的想法是帮助我和我的同事减少我们基于web的项目的无聊测试。我用它来记录事件并将其作为mysql存储在开发服务器上,这样我就可以使用它们或与它们共享。但问题是重播保存的Action。那么如果有一种方法可以强制鼠标移动、鼠标单击事件。可以从flash、java或类似的东西来完成吗?附言。该项目是Extjs,但我想让扩展对使用其他框架的开发人员有用并发布它。 最佳答案 考虑使用Selenium为了这。它支持多种语言,您可以用它编写整个测试脚本。例如,您可以

javascript - d3.js 中的图形方向和节点定位

多亏了这个早question,我在d3.js中使用强制布局生成了一个静态固定布局图,如下所示:我有两个具体问题来进一步自定义布局:首先,我注意到确定性地初始化节点位置(例如,在此处对Angular线完成,请参阅script了解详细信息)固定节点的位置,并且节点的方向似乎取决于此初始化以及尺寸力图*。我想知道如何使上图中的节点A、D、E、F、I水平对齐?换句话说,我想将图形的方向逆时针旋转大约45度。我尝试在中间水平初始化节点:nodes.forEach(function(d,i){d.x=w/size*i;d.y=h/2;});但是生成的输出中所有节点和边都水平放置在它们被初始化的位置

javascript - 使用 d3js 将子元素添加到力导向图中的特定节点

我想根据节点类型向我的节点添加不同的子元素。因此,该节点有一个名为type的属性。所有节点都应该由一个g元素和依赖的子元素组成。我通过使用D3sfilter功能尝试了这个,但是我被卡住了,因为我的代码不是每个节点只添加一次子元素,而是多次添加想要的子元素(相同数量因为我有节点)。所以我想我在选择方面做错了什么。我的图表的节点和链接随时间变化,所以我所做的是首先存储选择,当一个节点被添加到self.nodes时,我调用draw函数(我将省略链接代码)。self.domNodes=this.svg.append('g').attr('class','nodes').selectAll('.

javascript - D3 力导向布局的基础知识

我正在使用d3.js进入令人兴奋的力导向布局世界。我掌握了d3的基础知识,但我无法弄清楚设置力导向布局的基本系统。现在,我正在尝试创建一个简单的布局,其中包含一些漂浮在中心的不相连的气泡。很简单吧!?创建了正确的圆圈,但没有任何反应。编辑:问题似乎是force.nodes()返回初始数据数组。在工作脚本中,force.nodes()返回一个对象数组。这是我的代码:$(function(){varwidth=600,height=400;vardata=[2,5,7,3,4,6,3,6];//createchartvarchart=d3.select('body').append('sv