草庐IT

d3_graph_chart

全部标签

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

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

javascript - D3.js: "Uncaught SyntaxError: Unexpected token ILLEGAL"?

我刚刚downloadedD3.jsfromd3js.org(链接到zip文件),将其解压缩并在以下HTML页面中引用它:D3Sandbox但是当我加载这个页面时,我的控制台(在Chrome中)给我这个错误:UncaughtSyntaxError:UnexpectedtokenILLEGAL:line2它不喜欢piandesymbolsatthestartofthefile.Errrr...我该怎么办?我正在使用Python的SimpleHTTPServer提供文件。更新:是的,我知道我可以只链接到CDN版本,但我更愿意在本地提供文件。 最佳答案

javascript - D3.js: "Uncaught SyntaxError: Unexpected token ILLEGAL"?

我刚刚downloadedD3.jsfromd3js.org(链接到zip文件),将其解压缩并在以下HTML页面中引用它:D3Sandbox但是当我加载这个页面时,我的控制台(在Chrome中)给我这个错误:UncaughtSyntaxError:UnexpectedtokenILLEGAL:line2它不喜欢piandesymbolsatthestartofthefile.Errrr...我该怎么办?我正在使用Python的SimpleHTTPServer提供文件。更新:是的,我知道我可以只链接到CDN版本,但我更愿意在本地提供文件。 最佳答案

javascript - 如何使用 Chart.js 在圆环图中添加文本?

如何在圆环图中呈现文本,我正在使用ChartJs. 最佳答案 其他答案均未根据文本量和donut大小调整文本大小。这是一个小脚本,您可以使用它在中间动态放置任意数量的文本,它会自动调整大小。示例:http://jsfiddle.net/kdvuxbtj/它会在donut中放置任意数量的文本,其大小非常适合donut。为避免接触边缘,您可以将侧边距设置为圆内直径的百分比。如果您不设置它,它将默认为20。您还可以设置颜色、字体和文本。该插件负责其余的工作。插件代码将以30px的基本字体大小开始。它会从那里检查文本的宽度,并将其与圆的半径