草庐IT

D3Blocks

全部标签

javascript - 使 d3.js 兼容 IE8/IE9

我正在使用来自以下链接的排行榜http://labs.juiceanalytics.com/leaderboard/index.html#2a65db98c6f451b7f071b630694bc350在此排行榜中,使用了d3.js和d3.csv.js。这个排行榜在除IE8和IE9之外的所有浏览器中都运行良好。对于这些浏览器,d3.js存在一些脚本错误。我在互联网上搜索得很清楚,但我没有找到任何有希望的解决方案来使其与IE8或IE9一起工作。它显示的错误是“对象找不到.map()方法”,它在d3.js中使用。很高兴有人能帮我解决这个问题。 最佳答案

javascript - 如何使用 d3.js 拖动行为拖动 svg 组?

我正在使用D3jsdrag.单个元素被拖动得很好。但我想拖动一组元素。如何完成。这是我的JsFiddlelink上的内容:functiononDragDrop(dragHandler,dropHandler){vardrag=d3.behavior.drag();drag.on("drag",dragHandler).on("dragend",dropHandler);returndrag;}varg=d3.select("body").select("svg").append("g").data([{x:50,y:50}]);g.append("rect").attr("width"

javascript - 通过数据选择 d3 节点

我想在不使用d3.select(this)的情况下在回调中选择一个节点。我有一些画饼图的代码......functiondrawPie(options){options||(options={});vardata=options.data||[],element=options.element,radius=options.radius||100,xOffset=Math.floor(parseInt(d3.select(element).style('width'),10)/2),yOffset=radius+20;varcanvas=d3.select(element).appen

javascript - 如何知道 D3.js 中的当前缩放级别

几天前我遇到了一个问题。我有一个图表,当我使用ZoomBehavior时它有效,但我需要知道何时达到最大缩放以加载新给定//Specifiesthezoomscale'sallowedrange,[min,max]d3.behavior.zoom().x(x).scaleExtent([1,10]).on("zoom",draw)查看我的代码http://jsfiddle.net/albanlopez/D4MRP/ 最佳答案 在绘图函数中,当前事件将具有缩放级别(如您提到的d3.event.scale)。另外,如果您保持以下行为:v

javascript - D3.js 从单独的文件中绘制多个数据集

我正在尝试使用来自两个tsv文件的两组数据绘制散点图。但是,每个都以单一刻度共享x轴。有两个y轴,每个轴都有自己的刻度。我现在拥有的图表将在视觉上有所帮助。问题是,第二个数据集(橙色)仅部分绘制在a轴上约15,000处的污点处。它真的应该是一条更大的线。此外,当我运行它时,有时会呈现第二个数据集,而现在会呈现第一个数据集。不知道为什么会这样..这是两个(可能)相关的代码块://1stdatasetd3.tsv("datatest4.tsv",function(error,tsv1){tsv1.forEach(function(d){d.altit=+d.altit;d.tmp=+d.t

javascript - 使用 AJAX 更新 d3 图表的最佳方法是什么

我学习了几个d3block。我在jquery的帮助下制作了响应式d3直方图。现在我想更进一步地使用ajax更新d3图表。我刚刚接触jquery。并了解一点ajax的工作原理。搜索了很长时间,但我无法在官方d3站点或其他任何地方找到任何可用的示例。任何帮助对我来说都是富有成效的,可以帮助我了解通过ajax更新d3图表的基本block。提前致谢! 最佳答案 我知道OP指定了jQuery,但对于那些不想使用其他框架的Google员工,有一种原生的D3方法可以做到这一点,使用request或json:d3.request(url,funct

javascript - D3的鼠标相对于父元素的坐标

我想获取相对于父元素或DOM中除this之外的任何其他元素的鼠标坐标,但我一直在获取UncaughtTypeError:Object[objectArray]hasnomethod'getBoundingClientRect'd3.v3.min.js:1Hd3.v3.min.js:1vo.moused3.v3.min.js:3(anonymousfunction)index.html:291(anonymousfunction)我的代码:.on("mouseup",function(d){varth=d3.select(this);varcoordinates=[0,0];coordi

javascript - D3.js 画笔控件 : getting extent width, 坐标

我正在使用d3.js,并且想知道如何获得边、宽度、坐标等;的程度。在这样的例子中http://bl.ocks.org/mbostock/1667367 最佳答案 Brush.extent()使用画笔控件时,您可以使用画笔对象上的.extent()方法访问有关画笔状态的信息。.extent()方法返回的信息取决于您连接到画笔对象的比例类型。如果您链接了一个比例尺(X比例尺或Y比例尺,但不是两者),则extent方法返回[minimum,maximum]形式的双元素数组。如果您将X和Y比例都附加到画笔对象,那么extent方法将返回一个

javascript - D3 - 饼图和力导向标签

我正在寻找使用D3创建带有float标签的饼图。我是D3的新手,我什至不确定这是否可能?你能以某种方式在另一个图表中使用一个图表的标签吗?如果可以的话,你能给我举个例子吗?更简短的解释:我想要标签来自:http://bl.ocks.org/1691430...在饼图上。这是我在下面运行的代码:或者在JSBIN中:http://jsbin.com/awilak/1/edit如果我没看错他的代码,这是添加标签的部分。我不明白labelForce.update的作用。从那里开始,我不关心过渡,所以不需要那条线。然后剩下的只是画圆圈并添加链接/线?如果有人可以整合那将是惊人的,但如果你能帮助我

javascript - 将 d3.js 与 Apache Zeppelin 结合使用

我正在尝试通过将ApacheZeppelin与d3.js集成来为它添加更多可视化选项我找到了一个例子,有人用leaflet.js做到了here,并尝试做类似的事情——不幸的是我不太熟悉angularJS(Zeppelin用来解释前端语言的东西)。我也没有流式传输数据。下面是我的代码,仅使用d3.js中的一个简单教程示例%angularfunctionuseD3(){vardata=[4,8,15,16,23,42];varwidth=420,barHeight=20;varx=d3.scale.linear().domain([0,d3.max(data)]).range([0,wid