草庐IT

D3Blocks

全部标签

javascript - 如何在 d3 中以编程方式调用 "click"事件?

我正在这样尝试(也在https://gist.github.com/1703994):$(function(){varw=600,h=350;varvis=d3.select("#test").append("svg:svg").attr("width",w).attr("height",h).append("svg:g").attr("transform","translate("+w/2+","+h/2+")");varg=vis.selectAll("g").data([{x:1,y:2}]).enter().append("svg:g");g.append("svg:path"

javascript - 我怎样才能用d3把一个圆圈放在前面?

首先,我使用d3.js在数组中显示不同大小的圆圈。鼠标悬停时,我希望鼠标悬停的圆圈变大,我可以做到,但我不知道如何将其置于最前面。目前,一旦它被渲染,它就会隐藏在多个其他圈子后面。我该如何解决这个问题?这是一个代码示例:.on("mouseover",function(){d3.select(this).attr("r",function(d){return100;})})我尝试使用sort和order方法,但它们没有用。我很确定我没有做对。有什么想法吗? 最佳答案 长话短说对于最新版本的D3,您可以使用selection.rais

javascript - 我怎样才能用d3把一个圆圈放在前面?

首先,我使用d3.js在数组中显示不同大小的圆圈。鼠标悬停时,我希望鼠标悬停的圆圈变大,我可以做到,但我不知道如何将其置于最前面。目前,一旦它被渲染,它就会隐藏在多个其他圈子后面。我该如何解决这个问题?这是一个代码示例:.on("mouseover",function(){d3.select(this).attr("r",function(d){return100;})})我尝试使用sort和order方法,但它们没有用。我很确定我没有做对。有什么想法吗? 最佳答案 长话短说对于最新版本的D3,您可以使用selection.rais

javascript - 修复 D3 力导向布局中的节点位置

我希望我的力导向布局中的一些节点忽略所有力并根据节点的属性保持在固定位置,同时仍然能够被拖动并对其他节点施加排斥力并保持它们的链接线.我以为会这么简单:force.on("tick",function(){vis.selectAll("g.node").attr("transform",function(d){return(d.someAttribute==true)?"translate("+d.xcoordFromAttribute+","+d.ycoordFromAttribute+")":"translate("+d.x+","+d.y+")"});});我也曾尝试在每个刻度中

javascript - 修复 D3 力导向布局中的节点位置

我希望我的力导向布局中的一些节点忽略所有力并根据节点的属性保持在固定位置,同时仍然能够被拖动并对其他节点施加排斥力并保持它们的链接线.我以为会这么简单:force.on("tick",function(){vis.selectAll("g.node").attr("transform",function(d){return(d.someAttribute==true)?"translate("+d.xcoordFromAttribute+","+d.ycoordFromAttribute+")":"translate("+d.x+","+d.y+")"});});我也曾尝试在每个刻度中

javascript - 如何删除 D3.js 中的属性?

我可以在D3.JS中删除一个属性吗?我使用.attr("disabled","disabled")添加了它现在我正在寻找类似于jQuery的.removeAttr("disabled","disabled");的东西再次删除它。对有用和.我试过使用.remove()但这会删除整个对象而不是属性。 最佳答案 来自APIdocumentationforattrAnullvaluewillremovethespecifiedattribute所以看起来你想要.attr('disabled',null)。

javascript - 如何删除 D3.js 中的属性?

我可以在D3.JS中删除一个属性吗?我使用.attr("disabled","disabled")添加了它现在我正在寻找类似于jQuery的.removeAttr("disabled","disabled");的东西再次删除它。对有用和.我试过使用.remove()但这会删除整个对象而不是属性。 最佳答案 来自APIdocumentationforattrAnullvaluewillremovethespecifiedattribute所以看起来你想要.attr('disabled',null)。

Javascript库d3调用函数

我无法理解d3.call()的工作原理以及何时何地使用它。Here是我要完成的教程链接。谁能具体解释一下这件作品在做什么varxAxis=d3.svg.axis().scale(xScale).orient("bottom");svg.append("g").call(xAxis); 最佳答案 我认为这里的技巧是理解xAxis是一个生成一堆SVG元素的函数。其实就是d3.svg.axis()返回的函数。scale和orient函数只是链接语法的一部分(在此处阅读更多内容:http://alignedleft.com/tutorial

Javascript库d3调用函数

我无法理解d3.call()的工作原理以及何时何地使用它。Here是我要完成的教程链接。谁能具体解释一下这件作品在做什么varxAxis=d3.svg.axis().scale(xScale).orient("bottom");svg.append("g").call(xAxis); 最佳答案 我认为这里的技巧是理解xAxis是一个生成一堆SVG元素的函数。其实就是d3.svg.axis()返回的函数。scale和orient函数只是链接语法的一部分(在此处阅读更多内容:http://alignedleft.com/tutorial

javascript - D3.js 前置(类似于 jQuery 前置)

我喜欢在D3中使用append,我正在寻找prepend。这在D3中存在吗? 最佳答案 你可以使用selection.insert(newElement[,anotherExistingElement])例如:selection.insert("div",":first-child")上面的代码将在所选元素的第一个子元素之前插入一个div。检查documentation了解更多。在任何节点(包括纯文本)之前插入元素的另一种可能方式:varparentEl=d3.select("div").node();parentEl.insert