d3.js相关内容

可折叠力导向图上的 D3.js 标题

所以我一直在研究基于以下内容的可折叠力导向图 示例. 我正在尝试从这一点前进并为每个节点添加标题.我遵循了类似的 answer 在 stackoverflow 上，但我无法将该答案中的解决方案应用到上述示例和其他类似解决方案中. 请有人能指出我正确的方向. 实施前请参阅下面的项目代码. JS var w = 600,h = 600,半径 = 10,节点，关联，根;var ..
发布时间：2021-12-18 19:46:11 前端开发

NVD3散点图圆半径

我想知道如何在 NVD3 散点图中设置圆圈的最小和最大半径. NVD3 散点:http://nvd3.org/ghpages/scatter.html 解决方案 在您的图表对象上调用 .sizeRange([minArea, maxArea]).请注意，“大小"与面积成正比，而不是与半径成正比，因此您需要使用最大/最小半径的平方(如果要精确，则需要调整 pi/2). ..
发布时间：2021-12-18 19:46:03 前端开发

禁用画笔调整大小(DC.js、D3.js)

画笔范围需要仅从下拉列表中更改，如下所示:https://jsfiddle.net/dani2011/67jopfj8/3/ 需要通过以下方式禁用画笔扩展: 1) 使用画笔的手柄/调整区域扩展现有画笔 灰色圆圈是把手: 2) 通过单击画笔背景拖动新画笔，其中出现十字光标. JavaScript 文件 删除了画笔的手柄: timeSlider.on('preRe ..
发布时间：2021-12-18 19:45:19 其他开发

使用 D3 附加到 SVG 的元素没有出现

我正在尝试使用 D3 显示一些简单的条形图，其中每个条形都是一个 div，但没有显示任何内容. var chartData = [4, 8, 15, 16, 23, 42];var body = d3.select('body');var svg = body.append('svg').attr("宽度",800).attr("高度",500);var div = svg.append(' ..
发布时间：2021-12-18 19:45:09 前端开发

在 D3 转换中获取预期的属性值

例如我有一个过渡: var sel = container.selectAll('div').过渡().duration(1000).attr('transform', 'translate(100,500)'); 有时我需要知道某些元素的位置，例如 setTimeout(() => {var value = d3.select('div#target').expectedAttr('转换' ..
发布时间：2021-12-18 19:44:58 前端开发

使用 geoJson 数据在传单弹出窗口中制作图表

我正在制作一张使用传单并由 GeoJson 格式文件中的数据填充的地图.我的首要目标是将图表放入地图上每个标记的传单弹出窗口中. 获取每个功能的标记并打开弹出窗口相当容易.但是，我发现很难使用 D3 添加到弹出窗口. 为了简单起见，我目前的目标是使用 D3 在每个传单弹出 div 中创建一个 svg 并绘制一个正方形. 我发现了一些示例，其中人们使用 D3 在传单弹出窗口中创建图 ..
发布时间：2021-12-18 19:44:36 前端开发

d3.js 散点图 - 缩放/拖动边界、缩放按钮、重置缩放、计算中值

我已经构建了一个带有缩放/平移功能的 d3.js 散点图.您可以在此处查看完整内容(单击“在新窗口中打开"以查看完整内容):http://bl.ocks.org/129f64bfa2b0d48d27c9 有几个我一直无法弄清楚的功能，如果有人能指出我正确的方向，我会很乐意帮助它: 我想对区域应用 X/Y 缩放/平移边界，以便您无法将其拖到某个点(例如零)以下. 我还尝试过创建 Goo ..
发布时间：2021-12-18 19:44:27 前端开发

如何获取饼图边缘切片的坐标?

我正在使用 d3.layout.pie() 创建带有 D3 的饼图.它看起来像这个，没有黑点(我已将它们手动放入 Photoshop 中以说明我的问题).我想知道如何计算这些点的坐标，这些点位于表面的中间以在那里放置一些工具提示.我不是在要求一个完整的解决方案，而是更多关于如何做的原则.谢谢. 解决方案 您可以使用以下方程来计算圆周上的一个点: x = cx + r * cos(a)y ..
发布时间：2021-12-18 19:44:06 前端开发

为什么第一个链接项被跳过?

我正在尝试将一个相当简单的可视化组合在一起，但在处理过程中遇到了一些小问题. 如果我使用以下代码段，那么一切都会按预期进行: var lines = svg.selectAll("line").data(data.links).进入().append("svg:line").attr("x1", function(d) { return findNode(data.nodes, d.sou ..
发布时间：2021-12-18 19:43:43 其他开发

在 D3 中放大和缩小时如何更改平移和缩放的速度(使用 zoom.on & d3.event.translate, d3.event.zoom)?

当用户使用鼠标滚轮滚动时，您可以调整缩放速度吗? 我的理解是 zoom.on (https://github.com/mbostock/d3/wiki/Zoom-Behavior#wiki-on) 监听器产生两个事件 d3.event.translate &d3.event.zoom 包含矩阵或坐标，当传递给平移或缩放函数时，允许对图形进行平移和重新缩放. 但是我如何加快速度，以便如果 ..
发布时间：2021-12-18 19:43:34 前端开发

D3.js v4:在 ES6 箭头函数事件监听器中访问当前 DOM 元素

在D3.js v4中，通过传统的回调函数注册事件监听器时，this引用了当前的DOM元素: d3.select("div").on('mouseenter', function() {d3.select(this).text("Yay");}); ES6 提供了箭头函数，恕我直言，这使 D3.js 代码更具可读性，因为它们非常简洁.然而，传统的回调不能一味地用箭头函数代替: d3.selec ..
发布时间：2021-12-18 19:43:22 其他开发

使用汇总将 d3.event 导入自定义构建

我有一个文件 d3.custom.build.js 像这样(简化): import { range } from 'd3-array';import { select, selectAll, event } from 'd3-selection';从'd3-transition'导入{转换}；导出默认{范围，选择，全选，事件，过渡}; 还有一个像这样的 rollup.config.js: i ..
发布时间：2021-12-18 19:42:53 前端开发

NVD3 图表无法在隐藏选项卡中正确呈现

我正在构建一个包含许多图表的页面，这些图表一次显示一个，具体取决于您正在查看的选项卡. 初始活动选项卡中的图表呈现正确.但是，当我单击另一个选项卡时，图表无法正确呈现. 大概这是因为隐藏字段在使其可见之前没有尺寸.事实上，如果我调整窗口大小，图表将更正它的比例，并进行渲染以填充可用宽度. 我可以通过 css 显式定义图表大小来解决这个问题，但这会破坏图表的响应性. 谁能告诉 ..
发布时间：2021-12-18 19:42:40 其他开发

未调用 AngularJS 指令

我正在尝试在 Angular 中实现 d3 指令，这很困难，因为在视觉上没有发生任何事情，并且控制台上也没有抛出任何错误. 这是我的 d3 指令: myApp.directive('d3-bars', ['d3Service', function($window, d3Service) {返回 {限制:'EA'，范围: {}，链接:功能(范围，元素，属性){//下面有更多代码.... 这 ..
发布时间：2021-12-18 19:42:33 前端开发