草庐IT

D3DXVECTOR3

全部标签

javascript - 组织结构图 - 树形、在线、动态、可折叠、图片 - 在 D3 中

我是网络开发的菜鸟。我正在尝试创建一个树状的分层公司组织结构图。我尝试了两个谷歌的visualizationchart和MikeBostock的D3Reingoldtree.我想要这些功能:树结构:自上而下(google)或左右(D3)在线/动态:可在浏览器中查看并能够从json(google和D3)读取数据,而不是静态visio或ppt图表可折叠:能够隐藏子树(两者)空间调整:节点应该填满可见区域,以减少滚动(仅D3)属性:显示名称、标题和可能的图片(仅限google)上面我已经标记了哪个工具允许哪些功能,afaik。我更喜欢D3版本,因为它看起来很酷。我可以修改.json以包含其他

python - 将数据从 Django View 传递到 D3

完成新手问题:我有一个运行的Django应用程序,我在其中生成一个包含数据的View:result=json.dumps(data)context=RequestContext(request,{'result':result,})returnHttpResponse(template.render(context))现在我有一个map.js文件,我在其中使用d3.js渲染数据的热图。我还有一个index.html文件,我的页面在其中呈现,热图引用通过传递问题:如何将View中生成的数据传递到map.js文件?非常感谢您的帮助! 最佳答案

javascript - SVG 元素的 D3 多行工具提示

我正在尝试添加多行工具提示,但遇到了一些问题,主要是InternetExplorer处理它们的方式。我实际上可以让我的html看起来正确呈现,但IE忽略工具提示中的换行符并将它们全部放在同一行。这是我尝试过的一些片段(不是确切的代码,我的开发站是在一个封闭的网络上,所以请忽略遗漏的不相关信息,如位置等)varbars=svg.selectAll(".bar").data(data).enter().append("rect").attr("class","bar").append("title").text(function(d){return"LineOneX:"+d.x+"\nLi

javascript - D3 条形图示例在本地不起作用

我是D3的新手,想看看示例如何在本地运行。我将条形图代码复制并粘贴到名为index.html的本地文件中,同时复制了data.tsv。出于某种原因,当我在浏览器上打开文件时,绝对没有任何显示!我尝试将脚本src更改为“d3/d3.v3.min.js”,因为这是我下载的d3所在的文件夹。但是,这也不起作用。对于我尝试过的每个示例,我还没有成功查看D3示例。帮助将不胜感激!index.html代码如下:body{font:10pxsans-serif;}.axispath,.axisline{fill:none;stroke:#000;shape-rendering:crispEdges;

javascript - d3 布局未定义

尝试使用d3.js并且不确定如何正确引用它:>>$(function(){varn=4,//numberoflayersm=64,//numberofsamplesperlayerdata=d3.layout.stack()(stream_layers(n,m,.1)),color=d3.interpolateRgb("#aad","#556");});... 最佳答案 除了d3.js,你还需要包含d3.layout.js;默认情况下,布局模块位于单独的文件中。您还可以自定义构建d3.js,将您需要的所有内容都包含在一个文件中。

javascript - 在同一个 html 页面上使用不同的 D3 版本

我正在尝试使用d3.js在单个html页面中构建树列表和TreeMap。我的树列表和TreeMap在单个页面上运行良好,但我想将它们合并到单个html页面中。我面临的问题是,对于树列表,我使用的是d3.js版本3,对于TreeMap,我使用的是d3.js版本4。因此,当我尝试将它们嵌入我的单个页面时,会出现版本冲突(它只显示树状图)。请指导我应该如何解决版本冲突。以下是我的d3.js代码,版本3(第一个col-md-4)和版本4(col-md-8)varid=0;d3.json("data.json",function(err,data){vartree=d3.layout.treel

javascript - 如何从数据中选择 d3.js 中的唯一值

我使用以下代码通过d3.js填充我的Comboboxd3.csv("Results_New.txt",function(data){dataset=data;d3.select("#road").selectAll("option").data(data).enter().append("option").text(function(d){returnd.roadname;}).attr("value",function(d){returnd.roadname;});});有不同的行具有相同的名称。组合框填充了这些重复的名称。例如,在多行中,道路名称是I-80。但在组合框中,我只想看到

javascript - 递归地(或迭代地)用 d3.js 制作一个嵌套的 html 表?

我有一个嵌套的JSON结构数组,它们的深度各不相同,而且各处的键集都不相同:[{"name":"bob","salary":10000,"friends":[{"name":"sarah","salary":10000},{"name":"bill","salary":5000}]},{"name":"marge","salary":10000,"friends":[{"name":"rhonda","salary":10000},{"name":"mike","salary":5000,"hobbies":[{"name":"surfing","frequency":10},{"na

html - 如何将 d3.js 示例嵌入到 Jekyll 博客文章中?

我正在试验这个Jekyll主题http://richbray.me/frap/我想创建一篇博文来展示这个D3.js示例:http://bl.ocks.org/mbostock/4061502所以主要难点是如何让Markdown渲染脚本让d3.js显示它的内容。有什么想法吗? 最佳答案 有几种方法可以让它工作:嵌入在thed3example,有一个嵌入式iframe:您可以将其更改为然后,您只需将此iframe行粘贴到您的markdown文件中即可。确保前后各有一个空行。您还可以添加width="600"height="400"将属性

javascript - 使用 d3.js 添加下拉菜单

我正在尝试向我的d3可视化添加一个下拉菜单。问题是事件监听器不会在选择任何选项时被调用。另外,如何访问所选选项的值?以下是我的代码片段..d3.text("uniqueTeams.php",function(json){vardd=JSON.parse(json);varb=d3.select("#s4").select("#shru");varu=b.append("select");vart=u.selectAll("option").data(dd).enter().append("option").attr("value",function(d){returnd.teamSho