我有一个力导向图，我想在鼠标悬停时更改节点中的文本。我试图通过将"full_name":的数据放在数据数组中，然后在鼠标悬停时调用它，就像我为蓝色矩形图像调用它一样。但它似乎不起作用，而且我没有收到任何错误。所以我不知道是什么问题..您可以在此处查看和编辑示例:http://jsfiddle.net/dzorz/CqaLh/脚本看起来像这样:vardata={"nodes":[{"name":"Action1","type":2,"slug":"","entity":"employee"},{"name":"Action2","type":3,"slug":"","entity":"e
我正在使用力布局图来显示网络，但在更新数据时遇到问题。我已经检查了HowtoupdateelementsofD3forcelayoutwhentheunderlyingdatachanges，当然还有来自D3.js的“mbostock”的“修改强制布局”和“常规更新模式”(不幸的是，我最多只能发布两个链接......).我的代码基于“移动专利诉讼”示例，并进行了一些修改和差异。你可以在这里查看我的完整代码:.link{fill:none;stroke:#666;stroke-width:1.5px;}#licensing{fill:green;}.link.licensing{stro
我遇到了一个我真的不明白的错误。我正在尝试使用此处描述的饼图https://gist.github.com/enjalot/1203641并将其作为选项添加到我的程序中。functionchart(div){varwidth=300,height=300,radius=100,color=d3.scale.category20c();div.each(function(){vardiv=d3.select(this);varg=div.select('g');varvis,arc,pie,arcs;if(g.empty()){vis=div.append("svg:svg").data
这个D3示例作为我的起点:http://bl.ocks.org/kerryrodden/7090426我想更改为图表提供数据的数据，并制作了以下新示例:http://jsfiddle.net/ZGVK3/至少可以注意到两个问题:图例是错误的。这是因为它仍然包含来自原始示例的“硬编码”名称。所有节点都是黑色的。这是因为配色方案也仅针对原始示例中的节点名称进行了“硬编码”。如何改进原始示例(或我的jsfiddle，没关系)，以便图例和颜色根据提供图表的数据进行self调整？ 最佳答案 您可以使用序数比例将颜色映射到不同的节点名称。实现它
我在svg上绘制了rect和text。为了显示text，我先渲染了rect。我将鼠标点击事件添加到rect当我点击文本时，似乎矩形没有被选中，因为矩形在文本后面，所以文本首先被选中。我需要选择在rect中单击鼠标时触发事件。我该怎么办？谢谢!Fiddle可以看到，当鼠标点击文本时，矩形并没有被点击。vardata=["TEXTSAMPLETEXTSAMPLETEXTSAMPLE"];varsvg=d3.select("svg");varbar=svg.selectAll("g").data(data).enter().append("g").attr("transform",funct
我正在使用D3v4构建一棵树。fiddle:https://jsfiddle.net/a6pLqpxw/我现在正在尝试添加对从选定节点动态添加(和删除)子节点的支持。但是，如果不执行完全重绘，我无法让图表重绘。我修改了可折叠TreeMap代码中的代码:https://bl.ocks.org/d3noob/43a860bc0024792f8803bba8ca0d5ecd具体来说，以下block不会为其子项重新计算布局。document.getElementById('add-child').onclick=function(){console.log(selected);selected
我是D3的新手，除非我使用确切的示例数据，否则我很难使用气泡图:https://github.com/mbostock/d3/blob/master/examples/bubble/bubble.jshttps://github.com/mbostock/d3/blob/master/examples/data/flare.json特别是我遇到了麻烦.attr("transform",function(d){return"translate("+d.x+","+d.y+")";});我无法运行让这部分代码与其他示例一起工作。这是我正在处理的JSON数据的一个子集:{"name":301
我想为D3中的力导向图布局添加一个行为，这样一来，拖放的svg节点会固定在它的位置，无论发生什么，都不再改变位置图形。我已经阅读了一些有关此API的资料，但我想不出一种方法来使它正常工作。我试图解决的问题是允许用户“分离”一个复杂的力图。 最佳答案 在mousedown时将节点的fixed属性设置为true。node.on("mousedown",function(d){d.fixed=true;});例如:http://bl.ocks.org/3750558 关于javascript-
我已经构建了一个带有分组节点的d3力定向图。我想将这些组封闭在云状结构中。我该怎么做？图表的JsFiddle链接:http://jsfiddle.net/Cfq9J/5/我的结果应该类似于这张图片: 最佳答案 这是一个棘手的问题，我不完全确定您能否以一种表演的方式来解决这个问题。你可以在这里看到我的静态实现:http://jsfiddle.net/nrabinowitz/yPfJH/还有这里的动态实现，虽然它很慢而且不稳定:http://jsfiddle.net/nrabinowitz/9a7yy/实现注意事项:这是通过用其组中的所
学习D3会很好。看了很多例子，我想我明白了。我的第一个项目是制作一个色轮，为了简单起见没有过渡。但对于我的第一个项目来说，这似乎还不够简单!对于零号项目，我试图在屏幕上显示一些内容。希望我写的东西(并且亲爱的阅读已经修复)，而不是一个例子。我做错了什么？http://jsfiddle.net/aGdMX/1/vararc=d3.svg.arc().innerRadius(40).outerRadius(100).startAngle(0).endAngle(1);varchart=d3.select("body").append("svg:svg").attr("class","cha
