草庐IT

javascript - D3力有向图,根据给定的数据和值不同的形状?

我制作了一个力导向图,我想更改包含"entity":"company"的数据的节点形状,以便它们具有矩形形状,而另一个没有此部分的数据将像现在一样是圆圈。您可以在此处看到我的工作示例,其中只有圆形节点:http://jsfiddle.net/dzorz/uWtSk/我尝试在部分代码中使用ifelse语句添加矩形,我将形状附加到节点,如下所示:function(d){if(d.entity=="company"){node.append("rect").attr("class",function(d){return"nodetype"+d.type}).attr("width",100)

javascript - 缩放 D3 强制布局链接标记上的箭头

我在d3力定向图中有以下代码,我试图根据值(从1-3)改变链接及其关联箭头的大小。笔划粗细确实随值而变化,但箭头不会停​​留在正确的位置。当笔划粗细从1变为3时,它往往会从末端向后移动。关于如何在更改笔划值时使箭头(标记)正确对齐有什么想法吗?非常感谢!varlink=vis.selectAll("line.link").data(json.links).enter().append("svg:line").attr("class","link").style("stroke-width",function(d){returnMath.sqrt(d.value);}).attr("x1

javascript - jQuery 的 attr() 和 getAttribute() 之间的区别

attr的jQuery文档方法指出:Attributevaluesarestringswiththeexceptionofafewattributessuchasvalueandtabindex.似乎确实如此。考虑以下元素:下一行确实显示了“数字”,而不是“字符串”:alert(typeof$("#example").attr("tabindex"));//Number现在,让我感到困惑的是,当使用DOM方法getAttribute时,您会得到不同的结果:alert(typeof$("#example")[0].getAttribute("tabindex"));//String查看a

javascript - d3.js 向多线系列图表添加图例

如何向多线系列图表添加图例?我试过了,但没有显示任何图例。这里的block:http://bl.ocks.org/3884955当各种级数收敛到同一点(如零)时存在缺陷。所有标签将相互叠加。无需使用这些标签,传统的图例会很有用。我试过添加这个varlegend=svg.append("g").attr("class","legend").attr("height",100).attr("width",100).attr('transform','translate(-20,50)');legend.selectAll('rect').datum(function(d){return{n

javascript - 如何在 IE、FF、Chrome 等上可靠地设置类 attr w/JavaScript?

我正在使用下面的JS代码,以便在单击链接时更改类。document.getElementById("gifts").setAttribute("class","gkvSpriteselected");这在IE中不起作用,但在FF和Chrome中有效。然后我将代码更改为:document.getElementById("gifts").setAttribute("className","gkvSpriteselected");然后它在IE中工作,但在FF和Chrome中停止工作。有人可以帮帮我吗? 最佳答案 您可以可靠地使用class

javascript - 在 d3 arc javascript 中绘制文本

我在http://jsfiddle.net/PRb93/1/上用d3创建了一个弧varvis=d3.select("body").append("svg")varpi=Math.PI;vararc=d3.svg.arc().innerRadius(300).outerRadius(320).startAngle(0*(pi/180)).endAngle(-pi)vis.append("path").attr("d",arc).attr("transform","translate(350,350)")​现在我想在这个圆弧的顶部绘制文本(我将把这个圆弧分布到n个节点中)。我不能直接使用和

javascript - 如何更改 D3 节点 onclick 的大小

我有一个d3api,其中我显示数字之间的关系我正在使用servlet以json格式获取数据。现在我希望当我单击某个节点时它的大小会更大。我有看到了一个这样的例子,我也试着把它放在我的api中,但它不能正常工作。我发布了我的代码和那个例子的链接。这是我的代码..varlinks=[];varnodes={};//Computethedistinctnodesfromthelinks.varwidth=960,height=500;functionloadNewData(){varsvg=d3.select("#linkAnalysis").append("svg").attr("widt

javascript - 错误 : <rect> attribute width: Expected length, "NaN"。和 <text> 属性 dx : Expected length, "NaN"

我想在D3中实现一个条形图,但是我在dx轴上的值是Date类型,D3库应该接受的数据类型,但它似乎给我这样的错误:attributewidth:Expectedlength,“南”。这是我的代码:abargraph.axispath,.axisline{fill:none;stroke:black;shape-rendering:crispEdges;}.axistext{font-family:sans-serif;font-size:11px;}.MyRect{fill:steelblue;}.MyText{fill:white;text-anchor:middle;}varwid

javascript - 使用 D3.js 在矩形上显示文本

我正在使用d3.js开发规范化堆叠条形图,并尝试在矩形上附加文本。当我在浏览器中检查时它会被附加。但它不可见。我想要这样的东西,这是我的代码,varmargin={top:20,right:100,bottom:30,left:40},width=400-margin.left-margin.right,height=200-margin.top-margin.bottom;varx=d3.scale.ordinal().rangeRoundBands([0,width],.11);vary=d3.scale.linear().rangeRound([height,0]);varcol

javascript - JQMIGRATE : jQuery. fn.attr ('selected' ) 可能使用属性而不是属性

$('#operatordelivery').attr('checked',true);你好,我目前正在将jQuery版本迁移到jQuery-2.1.1,我可以在控制台中看到警告JQMIGRATE:jQuery.fn.attr('selected')mayusepropertyinsteadofattribute。我不清楚这个警告解释了什么。谁能告诉我这个错误是什么意思? 最佳答案 来自JQMIGRATE文档:JQMIGRATE:jQuery.fn.attr('selected')mayusepropertyinsteadofatt