我是D3.js的新手并试图制作一个条形图,其中Y轴为GDP,X轴为日期. 我试图用d3.timeScale()创建一个xScale,但由于某种原因,代码在使用时仍然返回undefined.以下是我的代码,我做错了什么?var data = [["2011-01-01",15238.4 ], ["2015-07-01",18064.7] ];var w = 1000; var h = 300; var barPadding = 1;var svg = d3.select("#chart").append("svg").attr("height", h);var maxDate = d3.max(data, function(d){return d[0];});var m...
我正在尝试创建部分填充的圆圈,就像最终的NYT政治会议可视化中的那些:http://www.nytimes.com/interactive/2012/09/06/us/politics/convention-word-counts.html 我在d3(https://gist.github.com/1067636和http://bl.ocks.org/3422480)中为clipPaths找到的两个最清晰的代码示例为每个剪辑路径创建了具有唯一ID的各个div元素,然后将这些路径应用于单个元素. 我无法弄清楚如何从这些示例到基于数据值的一组元素中的每个元素具有唯一...
我根据以下数据生成了一系列圆圈和文本字段.见下面的代码.var data = [{"x":534.720996869109,"y":188.402300350323,"label":"ATP","size":5}, {"x":526.793135268385,"y":494.495864118909,"label":"PK","size":10}, {"x":539.854817710164,"y":332.435549874068,"label":"rpoA","size":10}, {"x":528.357841173126,"y":236.960433131191,"label":"rpoB","size":10}]var width = 1000,height = 1000;var x = d3.scale.linear().do...
我正在使用d3js向页面添加一系列按钮以形成控制面板.在每个按钮中,我想迭代一些子元素,在按钮内形成一个无序列表(从长期来看,这将变成一个带有样式和其他诡计的下拉列表). 下面的代码示例显然是错误的.一个人不是简单地走进mordor,也不是简单地在追加中间放一个for循环.我无法翻开我的大脑来记住如何完成这件事. drilldownValues是一个数组,包含我要添加为列表项的所有元素.我觉得我是一个.或者远离尤里卡时刻的东西,但不能使它适合...
我正在尝试自定义Mike Bostock的Hierarchical Edge Bundling的一个例子: 到目前为止,我已经能够生成与我的数据相同的json文件,但我无法将其显示出来. 在控制台中,我收到以下错误:TypeError: n is undefined以及警告:mutating the [[Prototype]] of an object will cause your code to run very slowly; instead create the object with the correct initial [[Prototype]] value using Object.create我尝试在运行本地服务器的不...
是否有一种解决方法可以让D3.js解析包含毫秒的日期时间?我不能让这个工作:var parseDate = d3.time.format("%Y-%m-%dT%H:%M:%S").parse parseDate("2011-01-01T12:14:35") //that worksparseDate("2011-01-01T12:14:35.3456") //returns null解决方法:如果您的dateTime字符串已经采用该格式,则不需要d3将其解析为实际的日期对象. 例如:new Date("2011-01-01T12:14:35") # Sat Jan 01 2011 04:14:35 GMT-0800 (PST)得到一个正确的...
我希望在程序开头从左到右“绘制”区域图.我的图表中已经有一行执行此操作,但是我无法使该行下的区域正确设置动画,或者在页面首次启动时“绘制”自身.目前,这是我所在地区的情况.var area = d3.svg.area().x(function(d) {return xScale(d.date); }).y0(line_chart_height).y1(function(d) {return yScale(d.close); });line_chart.append("path").datum(data).attr("class", "area").attr("d", area)我可以把那个区域弄得很好并画...
我究竟做错了什么?x.innerHTML未定义为结果. 我如何把d3.json返回的文本放在x中?谢谢.<tr><td>1</td><td id = "val">0.087</td><td>0.23</td><td>0.3</td></tr></table><script type="text/javascript" src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script><script type="text/javascript">var x = d3.select("#val");setInterval(function() {d3.json("./cgi-bin/script1.sh", function(error, text){if (error) retu...
我已经将水图 – 使用圆形量规 – 导出到矩形条中,但剪切路径没有占据图表的整个高度. //问题1. The axis text does not wrap cleanly -- I need it to do so to make it legible. 2. The rectangle is more of a square -- it needs to be more "bar chart" like - consume more vertical space but render correctly.– 这两个jsfiddles之间的区别只是config1.fillShape参数. – rect / circle //破吧版 http://jsfiddle.net/0h...
Alex Fink&我有一个非线性书面语言,UNLWS.在Google Docs中维护它的语法文档变得过于繁琐,但是,因为加载每个图像需要多少时间 – 而且为嵌入gdocs而创建的图像并不是真正可组合的可出口的好方法. UNLWS主要由各种glyphs组成 – 它们基本上是带有指定绑定点(术语表中的小蓝色圆圈)的小型矢量艺术 – 并且在这些绑定点(如图形)中相互互连,而不是吧)使用各种方法(主要是简单的线条). 一些字形也具有内部结构,例如,可变线或弧长,样条曲率...
在下面创建了HTML表,<!DOCTYPE html> <html> <head> <style> table, th, td {border: 1px solid black;border-collapse: collapse; } th, td {padding: 5px;text-align: left; } table#t01 {width: 100%; background-color: #f1f1c1; } </style> </head> <body><table style="width:100%"><tr><th>First Name</th><th>Last Name</th><th>Points</th></tr><tr><td>Jill</td><td>Smith</td><td>50</td></tr><tr><td>Eve</td><td>J...
我已经阅读了类似主题的一些问题,但没有一个答案似乎适用于我的用例(或者我真的很困惑). 我有一个来自数据库的csv文件转储,我想使用此处找到的树形图示例显示数据的层次结构http://mbostock.github.com/d3/ex/cluster.html 我的csv文件如下所示:groupGenre,basicGenre,value Maps,Atlases (Geographic),10 Catalogs,Auction catalogs,28 No larger group,Academic dissertations,451 No larger group,Account books,1 No larger g...
我有一个表示图形的JSON(在我的例子中也是一棵树),看起来像这样:{"directed": true, "graph": [], "nodes": [{"time": 4, "id": 4551308, "name": "Alto da Boa Vista"}, {"time": 7, "id": 4551309, "name": "Sumare"}, ... "links": [{"source": 0, "target": 36, "weight": 1}, {"source": 1, "target": 36, "weight": 1}, ...为了使用它来构建一个树,就像在这个例子中一样,http://mbostock.github.com/d3/talk/20111116/for...
我试图使用d3.js解析日期字符串.格式如“2012-11-02T08:32:55-04:00” 您可以在下面看到控制台输出.Relavent API是here.正如文档所解释的那样,D3解析器更严格.但是,我期待’%Y-%m-%dT%H:%M:%SZ’作为格式字符串.返回null.任何帮助赞赏. 谢谢.format = d3.time.format('%Y-%m-%dT%H:%M:%SZ') %Y-%m-%dT%H:%M:%SZ format.parse("2012-11-02T08:32:55-04:00"); null format.parse("2011-07-01T19:15:28Z"); Fri Jul 01 201...
我知道这是某种安全问题,Chrome没有运行它不信任的文件,但有人知道有没有解决这个问题? 除了在服务器上运行我的代码. 谢谢.解决方法:我假设您正在使用本地文件运行.启动Chrome时,您可以使用–allow-file-access-from-files标志使其加载本地JSON(例如)或–disable-web-security以完全禁用安全机制. 请注意,根据您的Chrome版本,这些标记可能有效,也可能无效.