草庐IT

D3Blocks

全部标签

D3.js(v4)用作为节点的组修改针对的图形

我已经成功地创建了一个使用D3V4的力布局图,现在正在尝试添加功能,当您单击节点时,它将从图中从图中删除,而无需每次都重新绘制图形。我正在尝试遵循新的常规更新模式,当我的节点只是圆圈时,我可以开始工作,但是在我的图中,节点是包括一个圆圈和两个标签的组。当我尝试对节点进行分组并应用一般更新模式时,我会得到奇怪的行为(jsfiddle).我对D3非常陌生,我认为我误解了有关输入和退出陈述的一些事情,或者应该做的事情。如果你们中的任何一个可以看一下我的构建图功能,并让我知道怎么回事,那就太好了。代码(宽恕格式,JSFIDDLE所需的格式)GraphVizdata={"nodes":[{"type":

解决Windows丢失D3DCompiler_43.dll文件问题

其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或者损坏了,这时你只需下载这个D3DCompiler_43.dll文件进行安装(前提是找到适合的版本),当我们执行某一个.exe程序时,相应的DLL文件就会被调用,因此安装好之后就能重新打开你的软件或游戏了.那么出现D3DCompiler_43.dll丢失要怎么解决?一、手动从本站下载dll文件1、从下面列表下载D3DCompiler_43.dll文件32位文件:D3DCompiler_43.dll9.29.952.311164位文件

javascript - 如何使用 d3.js 绘制带箭头的线

我在使用d3.js绘制带箭头的线时遇到了问题。我确实看过一些教程并编写了这段代码,但我只看到没有箭头标记的行。谁能看看它并告诉我我想念的地方。提前致谢。varw=300;varh=300;varsvg=d3.select("body").append("svg").attr("width",w).attr("height",h);//arrowsvg.append("svg:defs").append("svg:marker").attr("id","triangle").attr("viewBox","0-51010").attr("refX",15).attr("refY",-1.

sockets - binary.Write to socket in go blocks

我正在尝试编写一个简单的客户端-服务器应用程序。它在同一台计算机上的双方都可以正常工作,但在两台不同的计算机上运行时会阻塞。这些计算机是RaspBerryPi2和MacBookPro。问题是客户端在二进制中阻塞。在几次良好运行后写入。通常,接收数据的服务器打印它已收到63,而发送数据的客户端打印它将发送64。如果我将截止日期通知服务器,它会超时退出。客户端也有截止日期但不会超时。我尝试用简单的字节数组或单个int替换数据。它仍然阻塞。但数据越小,正确的次数就越多。如果我删除客户端中的Printf函数,它也会运行更长的时间。我还尝试通过从套接字到STDIO的简单副本来替换服务器的功能(我

node.js - D3js : how to generate standalone SVG files? (Nodejs)

给定一个D3js代码,suchas:varsquare=function(){varsvg=window.d3.select("body").append("svg").attr("width",100).attr("height",100);svg.append("rect").attr("x",10).attr("y",10).attr("width",80).attr("height",80).style("fill","orange");}square();svg{border:1pxsolidgrey;}/*justtovisualizedthesvgfile'sarea*/

javascript - D3.js:使用图像(在数据中指定文件名)作为轴上的刻度值

我目前有这些数据:vardataset=[{"bank":"Bank1","img":"Picture1.png"},{"bank":"Bank2","img":"Picture2.png"},{"bank":"Bank3","img":"Picture3.png"}];复杂的现实世界数据,对吧?当然。好的,我目前使用此D3.js代码将“bank”作为轴上的刻度值:varw=1000;varh=700;varpadding=30;varwpadding=120;varsvg=d3.select("body").append("svg").attr("width",w).attr("he

javascript - 如何使流图响应(d3.js)?

我正在为我的公司使用d3.js制作一个流图,我想知道如何让它响应。我的代码与这个例子没有太大区别:http://bl.ocks.org/mbostock/4060954我一直在尝试设置viewBox="00heightwidth"和preserveAspectRatio="xMinYMidmeet"无济于事。有什么建议吗? 最佳答案 所以,这个问题的解决方案是这个jsfiddle:http://jsfiddle.net/shawnbot/BJLe6/具体来说,这段代码:varchart=$("#chart"),aspect=char

javascript - d3.js条形图排序: can't figure out how to sort x-axis labels along with bars

我正在根据ScottMurray'stutorial制作可排序的d3条形图,但他没有解释如何对x轴标签和条形图进行排序,尽管进行了各种尝试,我还是无法弄清楚。这是我的代码;相关功能是底部附近的“sortBars”,但我已经将其余部分包含在上下文中。(Here'safiddle,但我似乎无法从我的JSON中正确翻译数据。)条形高度是data.days(是数字,即天数);标签是data.names。如何对标签进行排序?functionretirements(presidents){vardata=presidents;varmargin={top:20,right:20,bottom:18

javascript - 实时图表使用d3内存逐渐增加?

我尝试使用d3.js模拟带有动态数据的实时图表。我正在使用IE-10浏览器运行它。MySourceCode我遇到一个问题,如果让web应用程序运行一段时间,我的IE浏览器的内存会逐渐增加。我谷歌搜索了导致这个问题的可能原因。我想到要讨论的两件事:定时器防止IE垃圾回收d3图表在data.shift()之后不释放内存我的问题:我如何诊断我的问题是否真的源于讨论1或2或两者都不是?如何解决内存问题?您可能需要下载代码并运行一段时间,然后使用资源监视器监视iexplorer.exe以确定问题。谢谢。源代码:AnimatedSparklineusingSVGPathandd3.js/*tell

javascript - Leaflet 中 svgs 的 d3-tip 偏移量,仅限 Firefox,不工作

我正在使用d3-tip插件来显示国家/地区的工具提示。这些国家是位于Leaflet基础层之上的svg层。我希望工具提示在每个州内居中。我目前拥有的功能适用于除Firefox之外的所有浏览器。Firefox离我们还很远。我已尝试针对Firefox进行调整,但它会根据浏览器窗口的大小而被丢弃。关于如何解决这个问题有什么想法吗?这是一个Plunker:https://plnkr.co/edit/1FLMkbMSZmF59dxloIlY?p=preview将鼠标悬停在Texas上时在Firefox中显示的屏幕截图:代码:body{margin:0px;font-family:Arial,san