forEach和D3js中的each什么区别?
我刚刚从d3js.org (链接到zip文件) 下载了D3.js,解压缩了它,并在以下HTML页面中引用它: <html> <head> <title>D3 Sandbox</title> <style> </head> <body> <script src="/d3.v3.js"></script> </body> </html> 但是当我加载这个页面,我的控制台(在Chrome中)给我这个错误: Uncaught SyntaxError: Unexpected token ILLEGAL: line 2 它不喜欢文件开头的pi和e符号 。 Errrr …我能做些什么呢? 我用python的SimpleHTTPServer来提供这个文件。 更新:是的,我知道我可以链接到一个CDN版本,但我更喜欢在本地提供文件。
D3 在这里有一个强制定向布局。 有没有添加缩放到这个图表的方法? 目前,我能够捕捉鼠标滚轮事件,但是我不确定如何编写重绘function本身。 有什么build议么? var vis = d3.select("#graph") .append("svg:svg") .call(d3.behavior.zoom().on("zoom", redraw)) // <– redraw function .attr("width", w) .attr("height", h);
如何在d3中向轴添加文本标签? 例如,我有一个简单的线图与x和y轴。 在我的x轴上,我有从1到10的滴答。我希望单词“天”出现在它下面,以便人们知道x轴正在计算天数。 同样,在Y轴上,我有数字1-10作为蜱虫,我想要“吃三明治”的话出现在侧面。 有一个简单的方法来做到这一点?
svg的x和dx属性(或y和dy)有什么区别? 什么时候使用axis shift属性(dx)和位置属性(x)是适当的时间? 例如,我注意到很多d3的例子都是这样的 chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3) .text("I am a label") 当下列事情似乎做同样的事情时,设置y和dy的优点或推理是什么? chart.append("text") .attr("x", 0) .attr("y", -3) .text("I am a label")
TLDR:有没有人有protovis和D3.js的经验来阐明两者之间的差异? 我过去两周一直在玩protovis,到目前为止效果很好。 除了现在我似乎已经用animation打了一下砖墙。 protovis: http ://vis.stanford.edu/protovis/ 我想要做一些非常简单的animation,但是对于原创来说,感觉并不直观 – 我开始认为原创并不是真正意义上的animation。 所以,我开始看D3.js: http://mbostock.github.com/d3/ex/stack.html 它看起来非常相似,但是: 看起来更轻量 似乎适合与其他DOM元素以及SVG进行交互 似乎适合添加animation 任何人都可以照亮任何其他的差异? 我会很感激任何和所有的input
我需要知道SVG任意一个g元素的宽度和高度,因为一旦用户点击了它,我们需要在它周围画一个select标记。 我在网上看到的是类似于: d3.select("myG").style("width") 。 问题是元素不会总是有一个明确的宽度属性集。 例如,当我在g创build一个圆时,它将具有radious( r )而不是宽度。 即使我在一个circle上使用window.getComputedStyle方法,它也会返回“auto”。 有没有一种方法来计算D3中的任意svg元素的宽度? 谢谢。
参考这个例子: http://vallandingham.me/stepper_steps.html 似乎D3和jQuery库非常相似,它们都以对象链方式进行DOM操作。 我很好奇,知道D3比jQuery更容易做什么,反之亦然。 有许多使用jQuery作为基础的graphics和可视化库(例如, highcharts , flot , wijmo )。 请给出具体的例子,说明他们是如何不同的。
我看到D3.js ,我很感兴趣,所以我买了这本书 ! 我可能是错的,但是我发现它没有完成。 有没有人有掌握D3.js数据可视化的主要材料? 我可以看到很多D3.js的潜力,我非常热衷和感兴趣。 提前致谢! 更新: 我刚刚完成阅读斯科特·默里的互动数据可视化 ,伟大的书! 试试吧,它是免费的。
我是D3.js新手,今天才开始学习 我看了甜甜圈的例子 ,发现这个代码 var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); 我search文档 ,但不明白什么.append("g")正在追加 它甚至是D3具体? 在这里寻找指导