草庐IT

javascript - D3.js 不工作的非常简单的教程示例

我是D3.js的新手。我正在阅读MikeDewar的D3入门。我尝试了书中的第一个例子,但它不起作用。我一直在为此撕心裂肺。我这里的代码有什么问题?在部分:functiondraw(data){"usestrict";d3.select("body").append("ul").selectAll("li").data(data).enter().append("li").text(function(d){returnd.name+":"+d.status;});}在:d3.json("flare.json",draw);和JSON文件:[{"status":["GOODSERVICE

javascript - 我如何使用 D3.js 获取一组 Javascript 对象,并在折线图中使用它们?

我正在处理的Web应用程序有一个REST接口(interface),该接口(interface)返回类似于此的对象数组:[{"id":110,"time":1360580745797,"userName":"pinky","activity":"respawn"},{"id":111,"time":1360580745797,"userName":"perky","activity":"changedirection"},{"id":112,"time":1360580745797,"userName":"clyde","activity":"caughtpacman"},{"id":

javascript - 在 D3.js 中显示来自多维数组的数据

我正在尝试使用d3显示来自多维数组的数据。使用下面的代码,浏览器中不会出现任何内容。检查元素显示每个数组中每个元素的文本都存在,但它们只是没有出现在页面上。但是,当我删除下面已注释的行时,我得到以下示例输出:1,3,3,5,6,73,5,8,3,2,69,0,6,3,6,3etc...如何修改代码以便显示如下内容:133567358326etc...代码:vardataset=[[1,3,3,5,6,7],[3,5,8,3,2,6],[9,0,6,3,6,3],[3,4,4,5,6,8],[3,4,5,2,1,8]];varsvg=d3.select("body").append("s

javascript - 如何从 Python 生成 D3.js 循环树状图代码

下图是用D3.js生成的。基于代码here:FlareDendrogram.nodecircle{fill:#fff;stroke:steelblue;stroke-width:1.5px;}.node{font:10pxsans-serif;}.link{fill:none;stroke:#ccc;stroke-width:1.5px;}varradius=960/2;varcluster=d3.layout.cluster().size([360,radius-120]);vardiagonal=d3.svg.diagonal.radial().projection(functio

javascript - Chrome 开发者工具中是否有 "pause animation"功能的键盘快捷键? (F12)

Chrome的开发者工具中有一个很棒的功能,允许您暂停动画并控制它们的速度,但问题是它们是鼠标控制的按钮。有时我需要暂停动画而不实际移动鼠标光标来检查悬停激事件画中的某些内容,所以我不能真正使用暂停按钮。该动画暂停按钮是否有键盘快捷键,这样无论我在做什么,我都不需要将光标移开? 最佳答案 如前所述,没有用于暂停动画的键盘快捷键,但我发现了下一个最好的方法:当光标位于带有悬停激事件画的元素。这不会停止已经运行的动画,但会阻止在检查时进一步触发鼠标激活的动画,这可能足以检查一个元素。 关于j

javascript - 基本 d3 : why can you select things that don't exist yet?

我一直在学习d3,我对选择有点困惑。考虑以下示例:http://bl.ocks.org/mbostock/1021841具体来说,让我们看一下这一行:varnode=svg.selectAll(".node").data(nodes).enter().append("circle").attr("class","node").attr("cx",function(d){returnd.x;}).attr("cy",function(d){returnd.y;}).attr("r",8).style("fill",function(d,i){returnfill(i&3);}).styl

javascript - 可折叠树示例中的 d3.js v4 古怪链接转换

如果你玩下面的可折叠树,你会看到当你到达树的末端,展开和折叠节点时,线条正在做一些古怪的事情,我不完全确定是什么驱动了行为或如果我重写enterlinkdescriptionhere完全没有根据。我使用平面数据结构并使用分层将其转换为树形布局。到目前为止唯一的问题是线路转换……有什么想法吗?vardata=[{"name":"Hazer5000","parent":"CFO","img":"https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/stephen.jpg"},{"name":"Employee1","parent":"Haze

javascript - 复制并插入 d3 选择

在d3程序中,我需要获取一个节点(使用d3.selection),然后我想插入同一个svg。我知道有一些函数,比如追加和插入,但这些函数是针对新元素的。varnode=d3.select("rect#someId");//nodewithsomeattributesandlisteners现在我的var节点有以下属性:{_groups,_parents}varanotherNode=d3.select("anotherNode").insert(node);//Itworkbutitwouldbegreatasimilarfunctionoraworkaround注意。我需要保留节点的

javascript - 大数据集打破d3桑基图

我正在根据https://bl.ocks.org/d3noob/5028304中的示例制作d3Sankey图.此示例适用于较小的数据集。当我切换到使用更大的数据集时,可视化中断了。看起来问题在于dy值变为负值。在控制台中,错误是:Error:attributeheight:Anegativevalueisnotvalid.("-9.02557856272838")它指向的代码是:node.append("rect").attr("height",function(d){returnd.dy;})这可能是因为情节超出了屏幕?我看过使用d3比例尺,但我不确定如何实现它们。也许是这样的:d3

javascript - Safari 12 不会下载 PDF blob

此代码用于通过blob下载pdf。它在除适用于macOS和iOS的Safari12之外的所有浏览器上都能正常工作。即使是Safari11也能正常工作。当我第一次运行代码时,它工作正常,但之后每次它都会给我“WebKitBlobResourceerror1”functiondownloadFileFromBlob(fileBlob,fileName){if(/\bMSIE\b|\bTrident\b/.test($window.navigator.userAgent)){$window.navigator.msSaveOrOpenBlob(fileBlob,fileName);}else