我正在尝试使用dagre-d3创建DAG.这些DAG的数据来自数据库，每个DAG都不同，因此，在将所有节点和边添加到图形之前，我不知道要给出包含svg的宽度/高度。所以理想情况下我会调用类似d3.select("#svg1").resize_to_match_contents()的东西添加所有节点和边缘以确保所有节点都可见并且svg不太大之后。当然没有这个功能，我也不知道怎么实现。我知道我可以打电话d3.select("#svg1").attr("height","10")设置高度，但不知道如何检索/计算的高度SVG中的元素是。 最佳答案

我有一个粘力布局:http://jsfiddle.net/smqsusdw/我有这个功能可以将一个节点拖到一个位置:functionpositionnodes(){force.stop();node.each(function(d,i){if(i===1){d.fixed=true;d.x=100;d.y=100;}}).transition().duration(1000).attr("cx",function(d){returnd.x}).attr("cy",function(d){returnd.y});link.transition().duration(1000).attr(

我想弄清楚d3的默认动画是否已经使用requestAnimationFrame作为回调，或者我是否需要自己做。例如，我已经定义了一个自定义补间，它重复调用重绘函数以动画化图形上从一个域到另一个域的转换(这是在coffeescript中):rd=@redraw#afunctionthattakesanargumenttoredrawthegraph@svg.transition().duration(1000).tween"zoom",->interp=d3.interpolate(current_dom,target_dom)(t)->rdinterp(t)在我所有其他重绘调用中，我使

在D3.js的力导向布局中，LinkDistance和LinkStrength是如何相关的？我假设他们是，如果我错了请纠正我。我知道linkDistance定义了任何一对节点之间的长度，并且本质上用作力布局中的约束。但是linkStrength起什么作用呢？D3.js的API文档将其定义为“链接到[0,1]范围内指定值的强度(刚性)”，这里的“刚性”到底是什么意思？ 最佳答案 您可以将链接距离视为预期距离，并将强度视为您希望在每次迭代中达到此目标距离的速度。如果您查看sourcecodeoftheforcedirectedlayou

所以我有一个非常标准的D3“Sunburst”图。然而，中心路径(即根)太大了。它占据了我图表的很大一部分，由于围绕它的更重要的弧线争夺空间而被浪费了。我正要在外环上添加标签，但我需要更多空间。见下文。我想让中心圆(浅灰色位)更小，外圈更厚。谁能帮帮我？这是我的代码:varwidth=850,height=700,padding=6,duration=750,labelLimit=120,radius=Math.min(width,height)/2-10;varx=d3.scale.linear().range([0,2*Math.PI]);vary=d3.scale.sqrt().

我用JavaScript为Chrome编写了一个用户脚本扩展，以防止视频和音频标签在页面加载时自动下载这是代码:varvideoTags=document.getElementsByTagName("Video");vari;for(i=0;i这是manifest.json文件:{"content_scripts":[{"exclude_globs":[],"exclude_matches":[],"include_globs":["*"],"js":["script.js"],"matches":["http://*/*","https://*/*"],"run_at":"docum

我想看看力图放大的部分简而言之。我想在小框中看到整个图形的小图片，它将显示我用D3.js在图形上悬停的位置请引用这张map图片，我想要同样的强制布局。 最佳答案 我分三步完成:1)为SVG的鼠标悬停事件附加一个监听器varnewTx,newTy=0;svg.on("mouseover",function(){varcoordinates=[0,0];coordinates=d3.mouse(this);newTx=(100-coordinates[0]);newTy=(100-coordinates[1]);});2)使用JSclo

如何在nvd3/d3中分隔图表饼图？我想按照http://nvd3.com/livecode/#codemirrorNav中的示例饼图使用饼图任何帮助都非常有用。 最佳答案 有时每个切片上的粗白笔划都可以(事实上，他们在您链接到的页面上就是这样做的)。问题是细小的切片有时会被笔划覆盖。.slice{stroke:white;stroke-width:3;} 关于javascript-在d3中将饼图的一部分隔开？，我们在StackOverflow上找到一个类似的问题：

我正在查看thisexample它使用簇布局将X和Y坐标分配给树状图上的节点。我怎么知道cluster垂直布局，自上而下，而不是默认的从左到右？ 最佳答案 对于example你链接，只是翻转使用X和Y坐标。这可以通过改变来完成vardiagonal=d3.svg.diagonal().projection(function(d){return[d.y,d.x];});和varnode=vis.selectAll("g.node").data(nodes).enter().append("g").attr("class","node"

我已经使用D3创建了一个小的测试折线图，但是由于我对这个库还很陌生，所以我不确定向图表添加多条线的最佳方法是什么，目前我只有一条线显示在这个fiddle.我想在图表上显示2条线，但我不确定如何在不复制粘贴代码的情况下实现这一点，我确信这会非常低效，因为我想定期更新/动画图表关于用户选择。取而代之的是vardata=[12345,22345,32345,42345,52345,62345,72345,82345,92345,102345,112345,122345,132345,142345];我想展示这样的东西，vardata=[[12345,42345,3234,22345,7234