jjzjj

force-layout

全部标签

javascript - 谷歌地图 v3 : Any way to force a high maximum Zoom Level (maxZoom 24)?

我们正在开展一个考古测绘项目,我们在该项目中对数百张手绘map进行了地理配准。这些都可以在非常高的缩放级别下查看,这在Googlemap中转换为缩放级别22、23和24。但是,默认情况下,google-maps类型Map只能达到zoom级别21。我尝试了几种方法来强制将最大缩放级别提高到24,但这里建议的几种方法已被证明是笨拙且不一致的(例如,强制用户切换到卫星然后返回map以获取它可以工作)。有人知道如何有效地执行24的maxZoom吗? 最佳答案 GoogleMapsAPI有一个名为numZoomLevels的属性。您需要使用适

javascript - 在鼠标悬停时显示 d3.layout.force 链接工具提示

如何在鼠标悬停在D3有向图布局中的链接上实现工具提示?我正在改编D3force示例,因此使用如下代码设置节点工具提示非常简单:node.append("title").text(function(n){returnn.id;});对链接尝试类似的技术并没有导致鼠标悬停在工具提示上:varlink=svg.selectAll("line.link").data(json.links).enter().append("line").attr("class","link").style("stroke-width",function(d){return4;});link.append("ti

javascript - 在 D3.js 中预先计算和设置节点的初始位置

我正在尝试使用igraph预先计算稳定力定向图的位置,并将它们传递到我的d3.js图中。这是由于我将使用的数据集的大小,这意味着如果在客户端完成全部力计算,我不能依赖客户端不卡住。我有JSON格式的位置,并使用了线性标度以使它们在d3.js中有用。varpositions={"positions":[{"x":"-68.824367374","y":"-6.10824525755"},{"x":"-80.8080803911","y":"-3.38997541264"},{"x":"6.75334817585","y":"-49.6040729697"},{"x":"14.660879

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 - 我想通过粗细来区分d3.js力图的链接

我想通过粗细来区分链接我有数据。变量“value”表示“thickness”。“值”的范围是0~1。{"nodes":[{"name":"A","group":1},{"name":"B","group":1},{"name":"C","group":1},{"name":"D","group":1},{"name":"E","group":1}],"links":[{"source":0,"target":1,"value":0.9},{"source":0,"target":2,"value":0.8},{"source":0,"target":3,"value":0.7},{"s

javascript - 为什么我的 d3 力导向图不显示边?

我使用d3创建了一个简单的力导向图:http://goo.gl/afHTD为什么图形的边缘不显示?这是我的整个HTML文件。当然,您也可以通过在我的链接页面上查看源代码来查看和修改它。它基于d3网站的示例。Force-DirectedLayoutdiv.node{border-radius:6px;width:12px;height:12px;margin:-6px00-6px;position:absolute;}div.link{position:absolute;border-bottom:solid#9991px;height:0;-webkit-transform-origi

javascript - Marionette Layout 切换策略

我有以下情况:app.js:SingletonMarionette.Application()我在其中定义导航、页脚和主要区域。在初始化程序中,我构建了Marionette.Contoller's并将它们附加到应用程序的this.controller对象以供以后控制。我可能不会在这里构建所有的Controller,只构建我想要预先加载的Controller。有些是后来的延迟加载。我还在这里实例化了一个Backbone.Router,并传入了对我的应用程序对象的引用:vartheApp=newTP.Application();theApp.addRegions({navRegion:"#

javascript - D3 网格中的力模拟

我想知道如何修改MikeBostock'sexampleofamulti-forcelayout为了尝试获得力布局以对网格中的节点进行分组。让我们想象一下我们有以下csv:Name,Category1,Category21,1,12,1,23,1,14,2,25,3,16,1,47,5,58,1,59,2,410,3,311,4,412,4,513,3,414,1,215,1,116,2,217,3,118,2,119,4,520,3,1对于他的数据类型,我希望将类别1的所有可能值作为列,将类别2的所有可能值作为行,并希望我的节点根据它们的值自动分组到“适当的”单元格中对于类别1和类别

javascript - 对于 d3 力导向图,节点、组和值在 JSON 中意味着什么?

我正在尝试创建一个d3力导向图(http://mbostock.github.com/d3/ex/force.html)。这是包含我的数据的简单JSON文件。{"nodes":[{"name":"Node1","group":1},{"name":"Node2","group":1}],"links":[{"source":1,"target":2,"value":2}]}我在同一组中有两个节点。我也在尝试在两个节点之间创建链接。但是,我的页面仍然是空白的(而且我确信除了JSON之外的其他部分都是正确的)。什么是“组”?为什么边同时具有“源”和“目标”——这些值是什么?为什么链接有“值

javascript - Angular Material : layout-fill not filling parent <div>

SampleTextHereSignUp我有上面的HTML部分,我正在尝试使用AngularMaterial的flexbox支持来创建一个页面,该页面的背景图像是整页。叠加在该图像上的是一些文本和一个位于图像中心的按钮。如果我检查chrome中最外层的div,它的大小(如预期的那样)是全屏。由于某种原因,图像div不执行此操作。它只占用足够的空间来包含文本和按钮。任何关于为什么会发生这种情况的见解将不胜感激。我知道这可以通过多种不同的方式使用各种css技巧来完成,但我想了解我对flex的工作原理缺少什么。更新链接到JSFiddle 最佳答案