jjzjj

javascript - 在版本 4 中动态添加节点到 D3 Force Layout

我正在尝试实现一个简单的力布局,其中可以动态添加和删除节点(没有链接)。我成功地在D3版本3中实现了这个概念,但我无法将其转换为版本4。添加和更新节点后,模拟卡住并且传入的圆圈绘制在svg的左上角。有人知道为什么会这样吗?感谢您的帮助:)我的概念是基于这个解决方案:AddingnewnodestoForce-directedlayoutJSFiddle:workingcodeind3v3/*Defineclass*/classPlanet{constructor(selector){this.w=$(selector).innerWidth();this.h=$(selector).i

javascript - 在 Force 布局中为 d3 节点添加文本标签

这是我的代码,你也可以在JsFiddle上找到完整的代码.我想在每个节点上都有标签,但我做不到。顺便说一句,标签可以嵌入在console的圆圈中。.varnodes=svg.selectAll("circle").data(dataset.nodes).enter().append("circle").attr("r",10).style("fill",function(d,i){returncolors(i);}).call(force.drag);varlabel=nodes.append("svg:text").text(function(d){returnd.name;}).s

javascript - d3js force directed - 在悬停到节点时,突出显示/着色链接节点和链接?

我有具有4种类型的节点和两种类型的链接的力定向图。我将一种类型的节点(蓝色的小节点)用作两个较大节点之间的“连接节点”。在鼠标悬停节点上,它变大了,但我也想用不同的颜色为这个节点的“连接”着色。所以当你将鼠标悬停在一个节点上时...所有链接和小“连接节点”都会变成不同的颜色,这样你就可以知道这个悬停的节点连接到哪个其他更大的节点。你可以通过以下链接查看我的情况:http://jsfiddle.net/2pdxz/例如:如果您将鼠标悬停在Google节点上,带有“connection”节点的指向Yahoo的链接将突出显示,并且指向CDO和CTO突出显示我尝试添加这部分代码:functio

javascript - 如何控制d3 force layout的仿真速度

我正在关注像this这样的d3强制布局示例.我想控制点飞向簇的速度。换句话说,我想让一些点花更多的时间到达它们的最终位置,而一些点花更少的时间。我尝试添加一个计时器功能来控制每个滴答的时间,但没有成功。this.force=d3.layout.force().on("tick",setTimeout(tick(d),50));我需要帮助。 最佳答案 不要设置计时器来调用tick函数,这是由强制布局自动完成的。然而,您可以设置许多参数来修改强制布局的行为。以下是与您尝试做的事情最相关的内容。.friction()对应于速度衰减的速度,

javascript - OL3 : force redraw layer

我目前正在使用新版本的OpenLayersOL3升级OpenLayers客户端版本2.13.1。我的设置包括作为WMSmap服务器的Mapserver和前面提到的OpenLayers客户端。在旧系统中,我支持用户交互,如果用户点击map的某个部分,map文件会再次生成,结果我强制重绘图层以使map的某些部分着色。OL2版本中的代码示例:$.ajax({params:...success:function(data){if(data.success){gisLayer.redraw(true);}}});我想在OL3中得到同样的功能,但是没有重绘功能。我发现了两个有用的函数,但要获得相同

javascript - Force Masonry/similar to ignore flow and fill gaps 相反

Masonry/Isotope/Freetile和其他在网格/容器中绝对定位元素方面做得很好。但是,当元素占据网格/容器的整个宽度时,它会产生巨大的间隙,这是NotAcceptable结果。这是我的问题的一个jsfiddle:http://jsfiddle.net/QNf3A/1/红色div顶部有足够的空间放置绿色div。然而,不同的图书馆倾向于尊重流程,而不是“不留缝隙”的理念。有谁知道替代的js库或类似的技巧来避免差距?-来自jsfiddle的代码...HTML:CSS:#container{width:600px;background-color:#EEE;}.block{flo

javascript - Angular : How to force recompile directive?

HTML:问题:我为大量的obj内置了翻页功能。这意味着arr的值,代表obj的当前页面,将会改变。但是,status-stored-in="obj"部分中的obj不会随着更改而刷新。现在我的解决方案是在customDirective中添加一个ng-if,来回闪烁它的值以强制重新编译。有没有其他等效的、更简洁的方法来处理这个问题?编辑:自定义指令的开始:module.directive'checkbox',(checkboxHooks)->restrict:'E'scope:hook:'='hookedTo:'='statusStoredIn:'='templateUrl:'templ

javascript - "Warning: Task "巴别塔 "not found. Use --force to continue."

我的gruntfile.js中有这个简单的代码:module.exports=function(grunt){require("load-grunt-tasks")(grunt);//npminstall--save-devload-grunt-tasksgrunt.initConfig({babel:{options:{sourceMap:true},dist:{files:{"dist/app.js":["src/app.js"]}}}});grunt.registerTask("default",["babel"]);};但是运行时显示这个错误:Warning:Task"babe

javascript - 无法读取未定义的属性 'force'(简单 D3 网络图)

我是D3和Javascript的新手,但通常很幸运,只需复制基本的D3脚本并将我的数据转换为正确的格式,以便可视化工作。我已经尝试了几个D3网络图,当我检查页面时,所有这些图都出现了相同的错误。未捕获的类型错误:无法读取未定义的属性“force”。如果您在此处查看脚本:http://bl.ocks.org/jose187/4733747我只是将它与相应的.json文件一起完全复制,并收到上述错误。似乎认为d3.layout.force()是一个“匿名函数”。知道发生了什么事吗?或者如何解决?谢谢! 最佳答案 力布局d3.layout

HTML 整洁 : how to set 'force-output' to 'yes' ?

我在Windows的命令行环境中使用HTMLTidy。我需要强制将一些html文件转换为xml,即使有错误也是如此。我执行以下步骤:创建文件“conf.txt”,其内容为:强制输出:是输入以下命令行:tidy-configconf.txt-ofilename.xmlfilename.htm但是,没有生成“filename.xml”。请注意,在http://infohound.net/tidy/tidy.pl使用tidy的在线版本时,我能够从同一个“坏”HTML文件中获取输出XML文件。.我做错了什么? 最佳答案 我想出了一个办法:t