草庐IT

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

javascript - d3-js 的 Force-Directed Layout 是否支持图像作为节点?

d3有ademoofaForce-DirectedGraphLayout.我希望图中的所有节点都是图像,而不是圆圈。所以,我变了.append("svg:circle").attr("class","node").attr("cx",function(d){returnd.x;}).attr("cy",function(d){returnd.y;}).attr("r",5).style("fill",function(d){returnfill(d.group);}).call(force.drag);到.append("xhtml:img").attr("src","http://a

javascript - 是否可以线性渐变填充 SVG 中的分组路径(通过 jQuery 事件上的 css 或 attr)

我如何为填充一个渐变?在SVG图像中而不是填充所有s在选定的?在这种情况下,我想展示非洲,只填充一个从黄色到红色的渐变,但由于子组的原因,填充会产生许多渐变。JavaScript:functionsvgOver(){varwhat=$(this).attr("id");$("#world#"+what,svg.root()).attr("fill","url(#red_black)");}functionsvgOut(){$(this).attr("fill","");}...$("#map").svg({loadURL:'http://teszt.privilegetours.hu/

javascript - D3 .merge函数

尽管我无数次通读了D3API,但我仍在努力理解D3中的合并功能。API说:“此方法通常用于合并数据连接后的输入和更新选择。在分别修改输入和更新元素后,您可以合并两个选择并对两者执行操作,而无需重复代码。"这是一个在力导向图表中假定直接使用它的示例,其中每次报价都会调用已报价的函数:varsimulation=d3.forceSimulation(nodes).force("charge",chargeForce).force("center",centerForce).on("tick",ticked);functionticked(){varu=d3.select("svg").se

javascript - D3.js 从单独的文件中绘制多个数据集

我正在尝试使用来自两个tsv文件的两组数据绘制散点图。但是,每个都以单一刻度共享x轴。有两个y轴,每个轴都有自己的刻度。我现在拥有的图表将在视觉上有所帮助。问题是,第二个数据集(橙色)仅部分绘制在a轴上约15,000处的污点处。它真的应该是一条更大的线。此外,当我运行它时,有时会呈现第二个数据集,而现在会呈现第一个数据集。不知道为什么会这样..这是两个(可能)相关的代码块://1stdatasetd3.tsv("datatest4.tsv",function(error,tsv1){tsv1.forEach(function(d){d.altit=+d.altit;d.tmp=+d.t

javascript - JQuery $(this).attr ("name") 与 this.name

主要区别是什么$(this).attr("name")和this.name技术解释是什么? 最佳答案 第一个从DOM元素形成的jQuery对象中获取属性值。第二种方法直接从DOM元素获取属性,因此速度更快。您应该尽可能使用原生属性。 关于javascript-JQuery$(this).attr("name")与this.name,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2