是否可以跳过D3 force layout中的初始过渡？
D3 force layout是D3.js库中用于创建力导向图的一种布局算法。它通过模拟物理力学系统中的力和运动来布局图形元素，使得节点之间的关系更加清晰可见。
在D3 force layout中，默认情况下会有一个初始过渡效果，即节点会在布局开始时从一个随机位置逐渐移动到最终的布局位置。这个过渡效果可以通过设置布局的alpha参数来控制，alpha的值越接近1，过渡效果越明显；alpha的值越接近0，过渡效果越平滑。
如果希望跳过D3 force layout中的初始过渡，可以通过以下步骤实现：
- 创建force layout对象：var force = d3.layout.force() .size([width, height]) .nodes(nodes) .links(links);
- 设置force layout的alpha参数为一个较小的值，以减少初始过渡的时间：force.alpha(0);
- 执行force layout的布局计算：force.start();
通过以上步骤，即可跳过D3 force layout中的初始过渡效果，直接得到最终的布局结果。
D3 force layout的优势在于能够自动调整节点之间的位置，使得图形更加美观和易于理解。它适用于各种场景，包括社交网络分析、关系图谱可视化、组织结构图等。
腾讯云提供了云计算相关的产品和服务，其中与D3 force layout相关的产品包括云服务器、云数据库、云存储等。您可以通过访问腾讯云官网（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
2回答
当我调整窗口的大小时，我会启动一个“调整大小”事件，该事件将执行以下操作：
var width = +container.clientWidth;
var height = +container.clientHeight;
simulation.force('center', d3.forceCenter(width / 2, height / 2));
simulation.alphaTarget(0.3).restart();
将我的节点链接图集中到画布的中间。这很好，但我没有过渡到中心，而是立即跳转。
我想要一个动画，如本例所示：
但是，在d3 v4中，我不知道如何实现这
浏览 4提问于2016-12-04得票数 4
回答已采纳
2回答
D3可以强制布局可视化多图吗？
、、、、
似乎如果在D3 force layout中的两个节点之间存在多个链接，D3只会选择其中一个，而忽略其他节点。是否可以可视化多重图？
浏览 1提问于2012-12-08得票数 4
回答已采纳
我有一个javascript对象数组，其中每个对象都有.ui属性，其中包含一个现有的 SVG形状/各种类型的元素(一个自包含的"g“元素，里面还有其他元素)。
我想将这些对象安排为D3中的力图布局。因此，我不想让d3创建圆圈(或其他什么)，而是将我的ui对象分配给图形。
我已经为此创建了一个。预先存在并且应该是图的一部分的对象是三个彩色矩形。在这个例子中，我没有做到这一点。d3 追加命令可以仅用于构造形状/元素，但不能用于追加已构造的形状/元素。我试图这样做，但它在D3中无法工作：
node.append( function(d) { d.ui.node(); }) ...
..。如前
浏览 6提问于2013-04-19得票数 3
回答已采纳
2回答
我正在使用JSNetworkX进行图形探索和渲染。
JSNetworkX正在使用D3.js进行图形渲染。但是，当我处理大图形(json文件，大约5Mb)时，我想直接渲染这个图形，而不需要任何动画(所以，直接放置每个节点，而不是力吸引)。
我尝试在渲染后使用D3.layout.force().stop()，但没有效果。正因为如此，我认为它必须在jsnx.draw中完成，请参见下面的代码。
jsnx.draw(G, {
element: 'body',
d3: d3,
layout_attr: {
charge: -1500,
浏览 33提问于2013-06-25得票数 1
回答已采纳
1回答
在D3中，向已有的D3变量添加属性是很常见的。
示例(ES5)：
force = d3.layout.force()
.nodes([{ links: 0, color: '#2BC9E9' }])
错误：
Argument of type '{ links: number; color: string; }[]' is not assignable to
parameter of type 'Node[]'.
如果我们可以创建一个新的接口，我们会简单地这样做：
interface Node_ extends Node {
links
浏览 0提问于2016-06-01得票数 2
1回答
我想改变我的D3代码中符号类型的颜色？我不知道如何使我的var color = d3.scale.linear()工作。我试图随机化D3符号类型，但想要区分它们的颜色。
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var w = 1260, //define the canvas
h = 500,
no
浏览 3提问于2015-06-08得票数 2
回答已采纳
2回答
将D3.js事件绑定到函数？
、、、、
因为我是通过咖啡使用D3.js的，所以下面的代码可以很好地工作：
$ ->
force = d3.layout.force()
.on('tick', -> alert('tick triggered'))
但这些不是，因为当时没有任何tick函数：
$ ->
force = d3.layout.force()
.on('tick', tick)
tick = ->
alert('tick triggered')
那么，有没有什么方法可以将D3事件绑定到函数上呢？
顺便说
浏览 1提问于2013-07-12得票数 0
1回答
我想要生成一个可视化，它包含了大量的d3力布局的节点(超过500个节点)。虽然它能正确地工作在200多个节点上，但在大约500个节点上却变得非常慢，因为从一个帧到另一个帧的布局打嗝和节点上的鼠标切换这样的事件远没有响应。这让我问了几个问题。
节点数量是否有某种限制，在此之后不建议使用力布局？如果是的话，还有其他库可以处理这个工作吗？
如果我想用d3加速这个过程，应该优化哪些部分？我试着尽量减少css/属性标记的使用(只给节点一个半径和一个填充颜色+笔画宽度和链接的笔画颜色)，并减少交互的使用(鼠标操作事件)，但是还能对保存所有信息的force对象做更多的优化吗？数据的大小必须发挥一定的
浏览 1提问于2013-08-19得票数 4
回答已采纳
1回答
我有一个简单的D3图，但我正在挣扎，但出于某种原因，节点不会停留在svg的范围内。我给了它们一个高度和宽度，当节点呈现出来时，它们向外溢出，表示高度和宽度，因此是无效的。
let height = 500;
let width = 960;
this.svg = d3.select("networkView").append("svg")
.attr("width", width)
.attr("height", height);
this.force = d3.layout.force()
.gra
浏览 0提问于2017-11-09得票数 3
回答已采纳
我正在使用d3的layout.force引擎创建一个用于力定向图形布局的图形。
它工作了一段时间，但现在当我执行start()函数时什么也没有发生。我已经将我的代码精简为以下内容：
var svg = d3.select("#field_d3").append("svg");
var width = 720;
var height = 640;
svg.attr("width", width)
.attr("height", height);
var nodes = [
浏览 0提问于2016-06-16得票数 0
嗨，我正在尝试在一个设定的时间间隔内产生新的圆圈(例如，每10秒将现有的圆圈数量翻一番)，用D3强制模拟。我使用forceSimulation来确保圆圈不重叠。我的目标也是让新的圆圈在现有圆圈附近的位置上产卵。
我的最初方法是使用setInterval函数将新的{}元素添加到节点数组中。基本上，每10秒检查一次节点数组的长度，并追加新的{}元素，使数组的新长度是前一个长度的两倍。
但是，我认为我没有正确地理解/使用节点和d3强制仿真。在下面的代码中，我看到五个圆圈出现了，并且在远离对方。但是我没有将任何x或y位置传递给连接到节点数据的圆形元素吗？是否将默认/随机位置分配给圆圈？
我知道如果我添
浏览 0提问于2019-11-29得票数 0
回答已采纳
我使用d3 force layout构建一个图形，然后将节点的位置存储在数据库中。
下一次我想要显示图形时，我将位置从数据库读取到节点中，然后开始力布局。
这会导致布局略微移动。
有没有办法在不调用force.start()的情况下显示存储了节点位置的图形？
我想要的是一个“只读”模式，以显示由其他人之前创建的稳定图表。
/Hans
浏览 0提问于2013-06-25得票数 9
回答已采纳
1回答
我正试图在d3中完全冻结一个力定向网络！我尝试将摩擦力值设置为0，但网络变得更加精简，节点仍然略微悬停。
var force = d3.layout.force()
.charge(-220)
.linkDistance(70)
.friction(0);
我还希望我的节点是可拖动的，即当它们被拖动时移动位置。
最终，我试图得到类似于Cytoscape js的东西，它看起来像。
谢谢!
浏览 0提问于2013-01-13得票数 3
回答已采纳
1回答
我试图用D3创建一个可视化，这样节点根据特定属性的大小不同，较大的节点到达中心，较小的节点到达外部。我有大小调整、聚类和碰撞检测工作，但我不知道如何告诉较大的节点到中心。
我试过把指控搞砸了，但没能说服它起作用。我让linkDistance把大一点的移到中心，但是(a)到那里很紧张，(b)小的在外面，而不是紧紧地挤在外面。linkDistance还在代码中，只是注释掉了。
在
相关代码(我猜想)也在下面。节点根据其attr属性进行大小调整。哦，节点是精灵怪。
force = d3.layout.force()
// .gravity(0.05)
// .charge(function
浏览 1提问于2013-05-02得票数 2
我试图在Jupyter notebook中运行以下代码，但没有显示基于d3的网络图。我只看到一个小盒子，但没有网络图。如果有人能帮我找出我做错了什么，那就太好了。我在MacOS上
代码如下：
我正在导出一个son文件，然后使用该文件在Jupyter笔记本中创建d3图
from networkx.readwrite import json_graph
data = json_graph.node_link_data(G)
with open('graph.json', 'w') as f:
json.dump(data, f, indent=4)
%%html
浏览 3提问于2018-06-07得票数 2
我尝试以这种方式同时设置节点和链接：
var force = d3.layout.force()
.size([w, h])
.nodes(nodes)
.links(connections)
.start();
nodes = [{"name":"data_base_id", "kind":"subgenre"},...]
connections = [{"source":"name_of_node", "target":"name_of_
浏览 0提问于2012-07-06得票数 20
回答已采纳
1回答
我想在d3.js force布局中启用拖动。当拖动一个圆并松开鼠标按钮时，我想通过回调调用一个特定的函数，如下所示：
this.force = d3.layout.force()
.nodes(this.nodes)
.size([this.width, this.height]);
// enable dragging
this.circle
.call(this.force.drag)
.on("dragend", function() {
console.log("You should see this, when
浏览 2提问于2013-01-18得票数 3
回答已采纳
我是通过从基础开始编写有向力图来学习d3的。我的代码是below.What，我不明白这是below.What的目的
当然，如果我们在布局上使用内置的类，我会认为给d3.layout.force()您的节点和链接就足够了，它应该能够以平衡的布局绘制图形。
如果我将force.on('tick'...部分注释掉然后我所有的圆圈和线条都会出现在左上角。内部发生的事情和svg容器中正在发生的事情之间是否有区别，因此我们需要force.on('tick'每次都重新绘制布局以匹配当前的内部值集？
var nodes = [
{},
{},
浏览 2提问于2015-02-26得票数 22
回答已采纳
1回答
我刚开始使用d3.js，不能让一个简单的演示程序正常工作。它很难调试:如果有bug，它通常会在d3的精简代码中崩溃，没有堆栈跟踪。在这种情况下，它根本不会将任何错误输出到错误控制台。
当我运行这段代码时，我的所有节点都停留在位置(0,0)，而不是通过force()进行布局。怎么了？
<html>
<meta charset="UTF-8">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">&l
浏览 1提问于2013-07-17得票数 2
回答已采纳
我正在使用安卓的API19转场来制作TextView的动画。我定义了一个我希望转换到的场景：
scene = Scene.getSceneForLayout(rootLayout, R.layout.my_scene, this);
我定义了我的过渡：
myTransition = new ChangeBounds(); myTransition.setDuration(1000); myTransition.setInterpolator(new BounceInterpolator());
然后我开始过渡：
TransitionManager.go(scene, myTransition)
浏览 0提问于2015-04-16得票数 2
1回答
问题
我有有向图。它有三种力量：
定心力
多体力
连杆力
我想暂时禁用centering部队。我不是要求如何禁用整个部队布局，只有一个特定的力量。
我试过的
我已经详细阅读了关于d3.forceSimulation和force函数的文档，但是没有提到如何暂停强制。我试着删除，然后用这样的方式重置力：
this.simulation.force("center", null);
在dragstart中
this.simulation.force("center", oldCenterForce)
在dragend中。问题是，当拖动结束时，节点立
浏览 1提问于2019-01-19得票数 1
回答已采纳
下面是滴答函数的一个正常示例：
function tick(e) {
nodes
.each(cluster(10 * e.alpha * e.alpha));
}
谁能告诉我"e“的定义？它有什么属性？我找不到"e“的任何描述，e.alpha的意思是什么。是的，我使用谷歌，但没有结果。
谢谢你在下面所给予的帮助。
我在复制一些代码
var force = d3.layout.force()
.nodes(nodes)
.size([width, height])
.charge(-70)
浏览 1提问于2014-10-09得票数 9
我在D3 v4中有一个有向图，其中具有相同“组”编号(在关联的JSON中分配)的边以相同的颜色显示。我正在尝试使具有相同颜色的边在加载图形时彼此相邻。 我试过改变D3的链接力，但我不确定它们是否是这个任务的正确参数(是否有可能对某个组具有正亲和力，而对其余组具有负亲和力？)。我还查看了对节点进行集群的示例(例如here和here)，但我不知道应用于节点的参数是否也适用于边。我很难找到解决我所遇到的问题的方法。 我这样声明我的forceSimulation： let force = d3.forceSimulation(graph.nodes)
.force(
浏览 35提问于2020-04-16得票数 0
2回答
我有一个D3可视化，节点使用强制布局，如下所示。有些线互相交叉，这使得可视化更难理解。如何确保这些线不重叠？
我试过修改力-布局的参数(电荷，摩擦，重力)，但没有任何运气。当前代码如下。也许我需要做点什么，而不是修改部队布局，以达到效果？
force = d3.layout.force()
.nodes(data_nodes)
.links(data_links)
.charge(-3000)0
.friction(0.6)
.gravity(0.6)
浏览 0提问于2015-03-20得票数 3
回答已采纳
3回答
我正在使用混合KDE+i3wm设置，并考虑迁移到polybar。因此，我想知道是否可以通知KDE在运行plasmashell时不要在~/.xsession中启动D3。
我可以使用plasmashell关闭kquitapp5 plasmashell，但在启动之前不知道如何执行。
我希望过渡顺利，也就是说，plasmashell不应该加载然后关闭，因为它占用了启动时间。
浏览 0提问于2020-04-28得票数 2
我有一个简单的D3模拟，如下所示
当我点击'remove 1 and 4‘按钮时，我想从模拟中删除节点1和4。然而，结果如下：
从视觉上看，它似乎删除了3和4(而不是1和4)。
我的代码如下。你知道我需要做些什么才能让它正常工作吗？
我假设我从根本上误解了d3中更新节点的工作方式。感谢您的帮助。
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<!DOCTYPE html>
<meta c
浏览 15提问于2017-07-04得票数 0
回答已采纳
1回答
D3力网络图周围的凸包
、、、
我正在尝试在我构建的D3网络图周围添加一个外壳。我的网络是基于这个的(因为敏感数据不能分享我的网络)，基本上最终产品应该是一个周围有阴影的网络。我在网上读了很多书，发现凸包可能是一种解决方案。在尝试在像这样的教程中实现我的数据之后，我必须得出结论:我的基本D3知识不足以解决这个问题。
提前感谢大家！
//Constants for the SVG
var width = 500,
height = 500;
//Set up the colour scale
var color = d3.scale.category20();
//Set up the force layout
var f
浏览 2提问于2017-06-08得票数 1
我安装了D3和d3-force-attract
npm install @types/d3 -S
npm install -S d3-force-attract
尝试弄清楚导入d3是如何吸引人的，因为它不是typescript模块，而是d3模块。
这是错误的
import * as d3 from 'd3';
import * as d3 from 'd3-force-attract';
给出了以下错误
src/Program.ts(4,13): error TS2300: Duplicate identifier 'd3'.
src/Prog
浏览 0提问于2018-04-08得票数 2
1回答
我正在开发一个使用backbone.js处理wordpress数据的中复杂应用程序，我不知道如何在主干布局中工作。
基本上，我试图在骨干样板布局中实例化一个力布局，如下所示：
myLayout = Backbone.Layout.extend({
initialize: function() {
var f = this; // i.e. the layout instance
f.force = d3.layout.force()
.nodes(myModels)
.on("tick",
浏览 3提问于2013-02-16得票数 0
d3 force layout ZoomIn和ZoomOut不会使用滑块从中心缩放，而是从左到右开始。但当我使用鼠标滚轮时，它会从中心缩放。请检查链接jsfiddle.net/adiioo7/aVhd8/206/
浏览 5提问于2015-04-17得票数 1
3回答
我正在遵循一个类似于的d3强制布局示例。
我想控制飞向星系团的点的速度。换句话说，我希望一些点需要更多的时间来到达它们的最终位置，而一些点需要更少的时间。
我试图添加一个计时器函数来控制每个滴答的时间，但它不起作用。
this.force = d3.layout.force()
.on("tick", setTimeout(tick(d), 50));
我需要你的帮助。
浏览 1提问于2013-12-30得票数 8
我正在将d3从v3.5.5转换为v5。它有一个代码块来强制在一组圆圈中运动。
var force = d3.layout.force()
.nodes(nodes)
.size([width, height])
.gravity(0)
.charge(0)
.friction(.9)
.on("tick", tick)
.start();
它还具有一个函数，可以使用pause/resume代码使用force.resume();暂停操作。
我正在尝试将它移到当前版本的d3中。这是力变量的我的版本。
var force = d
浏览 1提问于2019-05-01得票数 3
回答已采纳
1回答
我使用d3创建了一个有力有向图，它使用useEffect钩子在react组件中呈现。图形最初是正确呈现的，但如果通过输入表单提交的新节点重新呈现/更新，则现有节点将被复制。
我认为现有的节点将被单独使用，并且只会在.enter()之后创建新的节点，这显然是没有发生的。我哪里出问题了有什么帮助吗？
编辑1:这是一个输入数据的示例
var nodesData = [
{"id": "Do Something", "type": "activity"},
{"id": "My Document",
浏览 4提问于2020-03-28得票数 2
回答已采纳
我需要手动进行转换，因为我知道d3变焦，变焦不会听我的手动缩放，所以手动缩放之后，当我使用鼠标拖动或鼠标滚动时，d3变焦将从d3缩放存储的上一个位置(翻译)和缩放值开始事件，这对我的地图来说太糟糕了。因此，我需要在手动缩放之后设置缩放转换和缩放，我可以设置缩放比例，但我不知道设置缩放转换的值。
g.transition()
.duration(1000)
.attr("transform", "translate(" + (window_width / 2 + translateX) + "," +
浏览 0提问于2014-09-11得票数 8
回答已采纳
我正在尝试在D3中获得一个力布局图(就像这个)，以便更好地处理反应式数据源(meteor.js)。我对这两个领域都比较陌生，所以我遇到了这个问题。我已经让force布局正常工作了，并且将数据源设置为我的meteor集合工作得很好，但是当我从控制台更新或添加到数据库时，所有的节点都会像刚生成的一样飞来飞去。这就好像所有的数据都被看作是新的，而不是仅仅附加新的数据，或者转换当前节点以匹配更新。
我已经浏览了讨论D3和meteor的所有内容，但我对这些概念的理解还不够深入。感谢任何帮助或在正确方向上的一点。
我的d3区域模板被包装在一个#常量中，如下所示：
<template name=
浏览 0提问于2013-06-09得票数 1
回答已采纳
1回答
我有一个使用RequireJS的javascript项目。我有一个d3和svg.js文件，下面是它的预览：
var nodes = {
"at": {id: "at", importance: 1, type: 'exercise', displayName: 'pigeonhole principal'},
"b": {id: "b", importance: 8, type: "theorem", displayName: 'pigeonhole
浏览 2提问于2015-09-25得票数 0
回答已采纳
1回答
在我的应用程序控制器中，我向api发出请求。看起来是这样的：
.state('state1', {
url: '/datas/:id',
templateUrl: 'myurl.com',
title: 'title',
controller: function($http, $rootScope, $location, $stateParams){
var id = $stateParams.id;
浏览 1提问于2016-11-27得票数 0
回答已采纳
1回答
我有一个Meteor项目，它开始失控，大约800行代码。我今天开始做一些模块化和清理工作，事情看起来很好，但是我遇到了一些错误，我不知道如何处理最好的方法。
这里是一个很好的例子。
我正在使用d3创建一个力布局(这个问题并不是d3特有的)。我实例化了一些变量，最值得注意的是
var force = d3.layout.force()
在文件中
/client/views/force/forceLayout.js
我为这个部队布局做了一堆控件，并将它们放入自己的.html和.js文件中。以下是一个例子
initChargeSlider = function() {
d3.select(&
浏览 0提问于2014-03-20得票数 1
回答已采纳
我正在学习教程中的D3。该示例包含随机生成的节点和随机链接。我试图用我的数据替换这些随机元素。下面是代码，我注释掉了原始部分，以便根据原始代码中给出的信息，即得到注释的部分，添加自己的数据。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<meta charset="utf-8">
<script type="text/javascript&#
浏览 0提问于2018-04-18得票数 0
回答已采纳
1回答
//这是我的网络工作者代码
import * as d3 from 'd3';
// import d3 from 'https://d3js.org/d3-collection.v1.min.js';
// importScripts('d3');
//fibo.worker.js
// eslint-disable-next-line import/no-anonymous-default-export
export default () => {
// eslint-disable-next-line no-restricte
浏览 16提问于2022-01-24得票数 0
1回答
嗨,
我有一个关于CSS动画和过渡的问题。
$(document).ready(function(){
$(".d1").click(function(e){
$(".d2").css("animation-direction", "reverse");
$(".d3").css("animation-direction", "reverse");
});
$(".d2").click(function(e){
浏览 1提问于2016-05-26得票数 2
回答已采纳
1回答
这是我第一次使用D3和force布局，我是根据requirements.However定制可折叠力布局的，当我最初单击该节点时，它的扩展到子级节点超出屏幕，这让我害怕当我将更多的json数据放入it.Please帮助我如何控制这种扩展，我在网络上找不到关于它的任何帮助。
浏览 0提问于2015-08-25得票数 0
回答已采纳
1回答
我正在尝试构建一个d3的力布局，它主要是工作的，但动画的第一秒钟左右是有点古怪。我把所有的节点都从窗口的中间开始，它们最终或多或少都在我想要的地方结束，但是他们做的第一件事就是先把它们吹到窗口的边缘或者更远的地方，然后才能安定下来。这个布局最终或多或少地做了我想要做的事情，但是我不能在当前状态下向客户机展示它，因为一开始它是多么的古怪。
我已经尝试了很多关于重力、电荷、linkDistance和摩擦力值的尝试，但是似乎我只能通过改变条件来摆脱这种行为，这样如果我喜欢最终的结果，那么路径就会很奇怪。如果这条路不古怪，那么最终的结果是不好的。
force = d3.layout.force(
浏览 2提问于2014-08-26得票数 1
回答已采纳
我是D3和Javascript的新手，但通常只需要复制基本的D3脚本，并将我的数据转换为适当的格式，以便可视化工作。我已经尝试了几个D3网络图，当我检查页面时，所有这些图都得到了相同的错误。
未捕获的强制:无法读取未定义的属性‘TypeError’。
如果您查看这里的脚本：，我只是完整地复制了它和相应的.json文件，并且得到了上面的错误。它似乎认为d3.layout.force()是一个“匿名函数”。你知道是怎么回事吗？或者如何修复它？谢谢!
浏览 6提问于2016-08-08得票数 10
我试图根据以下JSON文件在D3 Javascript库中绘制节点(圆圈)：
{
"nodes":[{"name":["Node1", "Node2", "Node3"]},
{"name":["Node4"]},
{"name":["Node5"]}]
}
这是我的密码：
<!DOCTYPE html>
<html>
<head>
<meta charset=
浏览 1提问于2013-11-13得票数 0
2回答
我已经能够使用Force布局构建一个Force Directed Graph。大多数功能都很好用，但我遇到的一个大问题是，在开始布局时，它会在页面上反弹(进出画布边界)，然后才能定位到它在画布上的位置。
我尝试过使用alpha来控制它，但似乎不起作用：
// Create a force layout and bind Nodes and Links
var force = d3.layout.force()
.charge(-1000)
.nodes(nodeSet)
.links(linkSet)
.size(
浏览 3提问于2013-06-23得票数 7
1回答
我在绘制排序d3图表时遇到了问题。当每个按钮被选中时，我能够获得类别文本显示。
我的问题在节点的代码中吗？
var nodes = svg.selectAll("circle")
.data(data);
nodes.enter().append("circle")
.attr("Pclass", "node")
.attr("cx", function (d) { return d.x; })
.attr("cy", function (d
浏览 0提问于2016-12-21得票数 0
1回答
我试图用D3创建一个带有“可扩展节点”的SVG节点图。也就是说，当单击一个节点时，它的兄弟节点被添加到图形中(或者更准确地说:它在图形数据中的兄弟节点被添加到图形可视化中)。
可视化使用d3力模拟(使用D3 v5)。当单击节点( SVG圆圈)时，将停止仿真(如果该节点仍在运行，以确保在运行过程中没有添加任何坐标的新节点)，相应的节点和链接将添加到相应的数组中，然后再次播放图形设置。
但是，当一个节点被单击时，许多新节点被添加到可视化中，并且没有正确地链接到其他节点，所以出现了一些问题。另外，如果我等待足够长的时间来停止模拟，那么所有节点都会被添加到同一个点上，在单击的节点上(随着模拟的进行，它
浏览 0提问于2019-03-17得票数 1
回答已采纳
1回答
我正在努力理解如何集成D3并做出反应。具体来说，我试图理解如何使用D3呈现可视化影响。正如在中所解释的
..。目前没有很好的方法来使用React和D3 .这是因为在React世界中，您不做直接的DOM操作，但是在d3世界中，这是您所做的唯一事情。
回答接着说
在我看来，目前对Force布局等方面的共识是放弃对这些组件的反应，让d3完成它的任务。这并不理想，但更有表现力。
让D3负责渲染对反应有什么影响？它是否只会影响使用D3的组件或其他组件的性能？例如，使用带有React虚拟DOM的D3螺丝直接操作DOM吗？我基本上是想了解一下你使用D3所要付出的代价。
浏览 6提问于2017-07-19得票数 12
1回答
我在鼠标悬停时出现的d3可视化中有一个特定的行为。它是一个，带有可以单击和拖动的元素。现在，如果我将鼠标悬停在一个元素上，同时拖动另一个元素，则会触发鼠标悬停行为。我想在拖动的同时抑制这一点。如何使一个事件的行为以另一个事件的状态为条件？
现在的代码类似于：
selection
.call(force.drag) // allows you to drag and drop elements of the force layout
.on("mouseover", function() {
// behavior I want to suppress durin
浏览 0提问于2013-07-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
