243得票12回答
如何使d3.js可视化布局具有响应性?

假设我有一个柱状图脚本,可以构建960 500的SVG图形。如何使其响应式,在调整大小时动态调整图形的宽度和高度?<script> var n = 10000, // number of trials m = 10, // number of random var...

229得票8回答
我该如何删除或替换SVG内容?

我有一段JavaScript代码,通过D3.js创建了一个包含图表的svg元素。我希望能够通过AJAX从Web服务获取新数据来更新图表,但是每次单击更新按钮时都会生成一个新的svg,因此我想删除旧的svg或更新其内容。 以下是创建svg的JavaScript函数中的代码片段:var svg ...

228得票5回答
D3数据和资料的区别是什么?

请问谁可以解释一下D3.js中datum()和data()的区别?我看到两者都被使用,但不确定为什么应该选择其中之一?

206得票7回答
在d3.js中,当窗口大小改变时调整svg大小

我正在使用d3.js绘制散点图。借助这个问题的帮助: 获取屏幕大小、当前网页大小和浏览器窗口大小 我正在使用以下答案: var w = window, d = document, e = d.documentElement, g = d.getElementsByT...

166得票6回答
鼠标悬停在圆圈上时显示数据

我有一组数据,我正在绘制散点图。 当我将鼠标悬停在其中一个圆圈上时,我希望它弹出数据(如x,y值,可能更多)。 这是我尝试使用的代码: 我有一组数据,我正在绘制散点图。当我将鼠标悬停在其中一个圆圈上时,我希望它弹出数据(如x,y值,可能更多)。这是我尝试使用的:vis.selectAll("...

151得票2回答
D3.js:在 .append("g") D3.js 代码中,'g' 是什么意思?

我是D3.js的新手,今天才开始学习 我看了甜甜圈示例,发现了这段代码 var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g"...

146得票11回答
使用d3将地图居中显示给定的geoJSON对象

目前在d3中,如果你有一个geoJSON对象要绘制,你必须按比例缩放并平移它以使其达到所需的大小并将其平移以居中显示。这是一个非常繁琐的试错任务,我想知道是否有更好的方法来获取这些值?例如,如果我有以下代码:var path, vis, xy; xy = d3.geo.mercator().s...

138得票4回答
D3.js:如何获取任意元素的计算宽度和高度?

我需要知道任意 SVG中的g 元素的确切宽度和高度,因为我需要在用户单击它后在其周围绘制选择标记。 在互联网上我看到的是像这样的代码: d3.select("myG").style("width")。问题是元素并不总是有一个显式的宽度属性设置。例如,当我在g内创建圆圈时,它将设置半径(r),...

135得票14回答
Python的D3.js等效库是什么?

有人能推荐一个可以进行交互式图形可视化的 Python 库吗? 我特别想要像 d3.js 那样的东西,但是针对 python 编程语言,并且最好也支持 3D。 我查看了以下库: NetworkX - 它只提供 Matplotlib 绘图,而这些绘图都是 2D 的。我没有看到任何交互性,...

130得票5回答
如何为SVG图形添加工具提示?

我有一系列 SVG 矩形(使用 D3.js),希望能够在鼠标悬停时显示一条消息,该消息应由充当背景的框包围。它们应该完美地对齐到矩形(在顶部和中心位置)。最佳方法是什么? 我尝试添加一个 SVG 文本,使用 "x"、"y"、"width" 和 "height" 属性,并在其前面添加一个 SV...