在D3.js 4.x Force Simulation中将选择矩形与缩放+平移相结合
D3.js是一个流行的JavaScript库，用于创建动态、交互式的数据可视化。D3.js 4.x版本中的Force Simulation（力导向图）是其中一个功能强大的模块，用于模拟物理力学系统，以可视化数据之间的关系。
在D3.js 4.x Force Simulation中，选择矩形与缩放+平移可以结合使用，以实现更灵活和交互式的数据可视化效果。下面是对这个问题的完善且全面的答案：
- D3.js 4.x Force Simulation概念： D3.js 4.x Force Simulation是D3.js库中的一个模块，用于创建力导向图。它基于物理力学原理，模拟节点之间的力和运动，以呈现数据之间的关系和交互。
- D3.js 4.x Force Simulation分类：
D3.js 4.x Force Simulation可以分为以下几个主要组成部分：
- 节点（Nodes）：代表数据集中的个体，可以是圆形、矩形等形状。
- 连接（Links）：代表节点之间的关系，可以是直线、曲线等形式。
- 力（Forces）：模拟物理力学系统中的力，如引力、斥力等，用于调整节点的位置和运动。
- 仿真（Simulation）：整个力导向图的模拟过程，包括节点的位置更新、力的计算等。
- D3.js 4.x Force Simulation优势：
- 交互性：D3.js 4.x Force Simulation可以实现节点的拖拽、缩放、平移等交互操作，使用户能够自由探索数据。
- 动态性：通过模拟物理力学系统，节点之间的位置和运动可以实时更新，呈现出动态的效果。
- 可定制性：D3.js库提供了丰富的API和配置选项，可以根据需求自定义节点、连接的样式、力的设置等。
- D3.js 4.x Force Simulation应用场景：
- 社交网络分析：通过力导向图展示社交网络中的用户关系，帮助分析社交网络的结构和影响力。
- 数据关系可视化：将复杂的数据关系转化为力导向图，使用户能够直观地理解数据之间的联系。
- 组织结构图：用力导向图展示公司或组织的结构，帮助了解人员之间的层级和关系。
- 推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供灵活可扩展的云服务器实例，支持各类应用的部署和运行。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，适用于存储和管理各类非结构化数据。 产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。 产品介绍链接：https://cloud.tencent.com/product/ai
以上是对于在D3.js 4.x Force Simulation中将选择矩形与缩放+平移相结合的完善且全面的答案。希望能对您有所帮助！
相关·内容
我正在使用d3.js的v4创建一个力有向图。图形中的链接始终指向矩形节点的左上角。 我想问题要么出在我的tick函数上，要么出在我的拖动处理程序上。我真的不确定哪一个是它，问题出在哪里。 var svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height");
var simulation = d3.forceSimulation().nodes(nodes_data);
simulation
.force("ce
浏览 13提问于2019-01-03得票数 1
回答已采纳
2回答
目前，基于这个D3.js示例，我正在处理地图上的节点。
现在我想使用缩放功能，但是当我按照下面的代码添加这个功能时，它在Firefox中只起一点点作用。在所有其他浏览器中，它都不能工作。我还删除了拖动方法。
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height)
.call(d3.behavior.zoom().scaleExtent([1, 8])
.on("zoom&#
浏览 7提问于2015-01-08得票数 0
回答已采纳
1回答
我正在慢慢地用d3.js制作一个工作流设计器。我试图从样本中添加pan/缩放行为。有什么办法让这件事起作用吗？我已经让它部分地工作了，非常粗糙，可怕的抖动，但在我的沮丧中，我修改它没有储蓄，尽管它是相当贫穷的。
WorkFlow正在进行中
Pan/缩放示例
鼠标向下
if (!mousedown_node && !mousedown_link) {
// allow panning if nothing is selected
svg.call(d3.behavior.zoom().on("zoom"), rescale);
re
浏览 2提问于2014-04-07得票数 1
回答已采纳
我有一个使用d3.js创建的力布局
我希望既有可拖动的力量布局的正常功能，也有缩放的能力。
我基本上已经从()复制/粘贴了缩放代码。这与Mike Bostock在()中使用的缩放方式相同。
下面是我的代码：
缩放效果很好，但我无法在force布局中选择单个节点并拖动它们。
我发现罪魁祸首是两位作者都使用d3.v2.js而不是较新的d3.v3.js。当我将我的导入更改为v2时，它可以完美地工作。但是，如果可能的话，我想使用v3。
<script type='text/javascript' src='http://d3js.org/d3.v3.min.js'
浏览 3提问于2013-07-31得票数 37
回答已采纳
以下是使用d3.js模拟力有向图的代码 var simulation = d3.forceSimulation()
.force("center", d3.forceCenter(graphWidth / 2, height / 2))
.force("x", d3.forceX(graphWidth / 2).strength(0.1))
.force("y", d3.forceY(height / 2).strength(0.1))
.force("charge", d3.forceManyBody().st
浏览 19提问于2020-10-12得票数 0
1回答
我使用命令pygame.image.get_rect()创建了一个精灵图像的矩形。当通过绘制点来定位矩形(如bottomleft )上关键点的坐标时，我发现矩形的尺寸与图像的尺寸完全不同。在这种情况下，图像只是箭头头。矩形的右上坐标是正确的，但是左下角的坐标不正确。
绘制点的代码：
pygame.draw.circle(simulation_screen, red, velocity_arrow.rect.topright, 2)
pygame.draw.circle(simulation_screen,red,velocity_arrow.rect.bottomleft,2)
如何调
浏览 12提问于2020-12-18得票数 3
1回答
当我的鼠标悬停在svg的任何部分，并且我向上或向下滚动时，我想放大我的力定向图。我不太确定该怎么做。我能够选择svg并增加/缩小svg的大小，这就像一个伪缩放，但是它改变了svg的大小和位置，这不是我想要的。当我在svg上滚动时，如何选择节点和链接并增加它们的大小？谢谢
var svg = d3.select("svg")
,
width = +svg.attr("width"),
height = +svg.attr("height");
var color = d3.scaleOrdinal(d3.schem
浏览 1提问于2017-11-08得票数 1
回答已采纳
我有一个D3.js绘图在svg中，我希望能够平移和缩放它。我还希望在初始窗口周围绘制一个矩形。我希望矩形在缩小时变小，在放大时变大，在平移时正常移动。平常的事。
我还希望能够重画矩形，使其再次适合实际窗口(例如，如果我在重画之间放大，它将比第一个小)。我没有在代码示例中包含这一部分，但它解释了为什么我需要一种方法来获取缩放属性。
为了正确地跟踪矩形，我找到了zoom.translate()和zoom.scale()属性，它们应该为我提供计算矩形各部分坐标所需的参数。然而，自从我将这部分添加到我的代码中后，随着放大和缩小，平移的敏感度发生了变化:我放大的越多，平移的敏感度就越低，缩小的越多，平移
浏览 9提问于2017-01-17得票数 0
我想添加一个背景矩形到组2，想法是添加一个g元素，并将所有组2节点附加到g元素，然后使用g元素bbox绘制一个矩形。
但我不知道如何将现有节点移动到g元素！(也许不可能？)。
示例代码如下：
var graph = {
nodes:[
{id: "A",name:'AAAA', group: 1},
{id: "B", name:'BBBB',group: 2},
{id: "C", name:'CCCC',group: 2},
{id: "D"
浏览 14提问于2021-07-06得票数 1
1回答
我已经使用D3.js实现了一个缩放树图。树图可以缩放和平移，我已经限制了缩放功能，但不能限制地图的平移。我希望平移只在地图内部，而不是地图外部。
这是我的treemap的当前工作实现：
我希望它像缩放功能一样，仅限于地图，平移也应该仅限于地图。
浏览 3提问于2016-04-18得票数 1
我有一个D3力有向图。
我希望能够缩放和平移图形(使用当前代码)，但也可以将鼠标放在元素上(不起作用，因为用于捕获缩放/平移的rect覆盖了应该接受mouseover的circles。我如何才能同时支持这两种功能？
const svg = select('svg');
const width = +svg.attr("width");
const height = +svg.attr("height");
var div = select("body").append("div")
.attr("
浏览 0提问于2018-08-30得票数 0
我对d3.js很陌生，我试图通过更改/查看代码块来学习。
我遇到了以下问题:我得到了一个Uncaught (in promise) TypeError: d3.forceSimulation is not a function
这是我得到错误的行：
const simulation = d3.forceSimulation(nodes)
// .force('charge', d3.forceManyBody().strength(5))
.force('x', d3.forceX().x(function(d) {
return
浏览 6提问于2022-02-04得票数 0
回答已采纳
我有一个庞大的d3.js图，它工作得很好。有许多过滤器，在一些应用中，图形有时会分解为许多子图，而当它打破时，许多子图会越界。
因此，我尝试使用重力。
下面是我如何绑定我的子图：
var width = 1160,
height = 700,
radius = 6;
var svg = d3.select(selector).append("svg")
.attr("width", width)
.attr("height", height);
var simulation
浏览 18提问于2016-12-31得票数 1
回答已采纳
我正在尝试使用D3.js版本4创建一个类似于的应用程序。
这是我的模拟中使用的力：
svg.on('mousemove', function() {
let p1 = d3.mouse(this);
root.x = p1[0];
root.y = p1[1];
simulation.restart();
});
simulation
.force('charge_force',
d3.forceManyBody()
浏览 0提问于2017-03-23得票数 1
2回答
在D3.js中，我使用force-layout将所有节点向右移动，代码如下。但是当调用函数时，只有节点移动，文本和链接保持不变。这里到底缺少了什么？是必须在函数内部调用的tick()函数吗？
function(){ d3.select(".nodes").attr("transform", "translate(200,0)");
simulation.alpha(0.8).restart();
};
simulation
.nodes(nodes
浏览 13提问于2017-07-05得票数 0
我在d3.js v4中生成了一个力有向图。
但是我想改变模拟的速度，这太快了。所以我想慢慢来。我的模拟如下：
var simulation = d3.forceSimulation()
.force("link", d3.forceLink().id(function (d) { return d.id; }).distance(100).strength(1))
.force("collide", d3.forceCollide(function (d) { return d.r + 8 }).iterations(16))
浏览 1提问于2017-07-17得票数 1
1回答
我有一台TChart。如果我触摸屏幕，会显示一个虚线选择矩形。我知道我可以将其更改为缩放或平移。如何将其完全禁用？
浏览 2提问于2012-12-20得票数 0
回答已采纳
我使用d3.js v6和一个力布局来表示一个网络图。我正在添加和删除节点，但是当我重新启动模拟时，所有节点跳到左上角的位置，然后返回到原来的位置。
下面的代码片段准确地显示了我的意思，我在网上看到了其他的例子，这些例子很好用，但是没有发现我做错了什么，任何帮助都是非常感谢的。
var dataset = {
nodes: [
{
id: 1
},
{
id: 2
}
],
links: [{
id: 1,
source: 1,
target: 2
}]
};
let switchBool =
浏览 4提问于2021-02-23得票数 2
回答已采纳
下面是使用D3.js生成力有向图的代码：
当拖动节点时，如何使拖动节点
因为当前，当您拖到舞台上的任何地方时，附近的某个节点都会被拖动。相反，只有在拖动一个真正的节点(而不是周围的区域)时，才能限制拖动发生。
我怎样才能使舞台变得可缩放和可拖？
const graph = {
nodes: [{
name: 'john',
age: 35
},
{
name: 'simon',
age: 37
},
{
name: 'manjoor',
浏览 1提问于2020-10-11得票数 1
2回答
我已经设法使d3.js line+area图形与焦点/上下文刷新和平移/缩放同步，这里有一个小示例：
我在将平移限制在原始域边界上遇到了困难，同时也很好地使用画笔。这是为了防止用户丢失视图中的图形。
虽然我尝试手动检测平移是否超出边界，然后设置zoom.translate(0,0)，例如在以下示例中：
我在这里的第183行：...as：
//If exceed original domain, limit panning by resetting translate
if (x.domain()[0] < x0.domain()[0]) {
zoom.translate(
浏览 2提问于2013-10-05得票数 3
下面是使用d3.js在javascript中绘制力有向图的代码
const graph = {
nodes: [{
name: 'john',
age: 35
},
{
name: 'simon',
age: 37
},
{
name: 'manjoor',
age: 35
},
{
name: 'lorg',
age: 34
},
{
name: &#
浏览 0提问于2020-10-10得票数 0
1回答
我正在尝试做一个应用程序，当你在图形外部单击时，它可以让你使用setviewbox()来平移视口；我已经做了一些接近它的事情，但我对它不满意，我使用了一个矩形：
canvas = new Raphael(0,0,canvas_size, canvas_size);
var rectan = paper.rect(0,0,canvas_size,canvas_size);
using .drag(move,dragger,up);
and in the function of move
var bboxx=this.getBBox(false)
paper.setViewBox(bb
浏览 11提问于2011-10-05得票数 8
我正在尝试使用D3.js构建一个具有缩放功能的股票图表
我希望从这里开始，并试图使变焦感觉更自然的股票图表。完美的。因此，据我所知，缩放和平移都锁定在Y轴上，Y轴移动的唯一方法是自动填充当前可见数据的价格范围。
另一个明显的区别是，缩放不会像第一个示例中那样放大到鼠标的当前位置。
如何调整该示例以使其与其他图表更紧密地工作？什么是伪代码，应该如何修改？
浏览 1提问于2014-02-21得票数 0
回答已采纳
1回答
我有一个使用d3.js的有力图，部分代码如下：
simulation
.force("center", d3.forceCenter(width / 2, height / 2))
.force("nodes", d3.forceManyBody())
.force(
"links",
d3
.forceLink(links)
.id(d => d.id)
浏览 4提问于2022-11-15得票数 0
1回答
平移传单地图时d3 SVG被切断
、、、、
我正在使用d3.js将视觉效果添加到传单地图上。
d3在地图上显示得很好。但是当我缩放地图，然后平移地图时，SVG就被切断了。
我将SVG的宽度和高度设置为窗口的宽度和高度，如下所示：
svg.attr("width", window.innerWidth);
svg.attr("height", window.innerHeight);
当我在地图周围平移时，SVG停留在与最初相同的位置。
以下是该问题的代码的链接：
要重新创建问题，请放大地图，然后平移地图。
我是不是遗漏了什么基本的东西？
浏览 0提问于2015-06-12得票数 1
2回答
在d3js中缩放行
、、、
我只是想使用d3.js库在javascript中绘制一个函数。我需要添加缩放和平移事件。我已经按照下面的例子来做了：
我在这个平面上画了几条线。我的问题是，当我缩放它时，线宽也发生了变化。我喜欢的是这条线在缩放时仍然保持原来的宽度。我想我必须重新画它，但我不确定这是不是最好的方法。
你能告诉我有没有更好的方法，或者给我举个简单的例子？谢谢!
浏览 1提问于2015-05-24得票数 4
1回答
我正在用D3.js绘制一个力有向图 我的节点工作正常，但是缺少行： ? 。 我怎样才能显示线条？ var width = 300, height = 300
var nodes = [{}, {}, {}, {}, {}]
var links = [
{source: 0, target: 1},
{source: 0, target: 2},
{source: 0, target: 3},
{source: 3, target: 4},]
var simulation = d3.force
浏览 49提问于2021-07-17得票数 1
是否可以像tradingview平移一样在图表上单击并拖动？ 现在它只创建矩形。 const chart = lightningChart().ChartXY()
// Method for adding OHLCSeries takes one argument: seriesConstructor.
const ohlcSeries = chart.addOHLCSeries(
// Specify type of figure used
{ seriesConstructor: OHLCFigures.Candlestick }
)
浏览 42提问于2021-03-28得票数 0
回答已采纳
1回答
我正在尝试用d3.js重现拉线电灯开关的行为。
您可以在代码片段中看到运行或更低版本的代码(最好全屏查看)。
我的问题是，如何将节点之间的距离设置为始终相同(就像在真实的cord中一样)？
应该拉伸的唯一链路是两个绿色节点之间的链路
我试着给部队增加更多的力量，但看起来不太好。
//create somewhere to put the force directed graph
const svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("
浏览 12提问于2020-12-15得票数 2
1回答
网上有没有silverlight动画的例子可以做到以下几点：
矩形放大从x轴上的某个位置向下移动到x轴上的某个位置的矩形
我在silverlight.net上看了看，但找不到这些示例(它们非常初级)。谁知道我在哪里可以看到一个例子，其中有源代码？
谢谢
浏览 0提问于2009-07-17得票数 1
回答已采纳
1回答
我使用D3.js v4中的力布局。现在我想点击一个节点，只对这一个节点使用力物理(如collide )。
对整个SVG上的每个节点的模拟如下：
var simulation = d3.forceSimulation()
.force("link", d3.forceLink().id(function(d) {
return d.index
}))
.force("collide", d3.forceCollide(function(d) {
return d.r + 8
}).iterations
浏览 3提问于2017-01-28得票数 2
回答已采纳
我是Android的新手，目前正在做一个项目。我有矩形的图像和重叠的小圆圈位图，在矩形image.My的右下角，问题是如何实现旋转，缩放和平移，每次在圆圈上进行单点触摸(向下，移动，向上)。请这里有一个邮编/想法。谢谢你提前帮忙。
浏览 0提问于2013-09-13得票数 2
回答已采纳
1回答
我用的是d3.js和部队布局。现在，根据这个问题的答案：
通过单击“单击me”按钮，可以过滤掉红色节点并将其他节点推开(增加对撞属性)。它工作得很好，但是现在我希望蓝色节点不受红色节点的推送动作的影响。这意味着，绿色和黄色节点被推开，但蓝色节点停留在原来的位置。因此，我正在寻找一种方法，使这些蓝色节点在部队布局不活跃。也许你们中有人能帮上忙。谢谢你们！
var svg = d3.select("svg");
var colours = ["blue", "red", "green", "yellow"];
浏览 0提问于2017-06-23得票数 0
回答已采纳
我的代码是标准的，基于通常的
chart = {
const links = data.links.map(d => Object.create(d));
const nodes = data.nodes.map(d => Object.create(d));
const simulation = d3.forceSimulation(nodes)
.force("link", d3.forceLink(links).id(d => d.id))
.force("charge", d3.forceManyB
浏览 2提问于2019-07-23得票数 0
回答已采纳
1回答
我在做泡泡图。这张图表是我想要的样子。我遇到的唯一问题就是让文本出现在每个泡沫的中间。
文本根本没有出现，我已经尝试了几个选项来实现它。当我检查页面时，每个圆圈内都有一个文本元素。但是，元素不会出现在页面上，尽管它是嵌套在每个圆圈内的。我正在粘贴下面的代码。我们非常感谢所有的帮助。
let width = 600;
let height = 600;
let maxRadius = d3.max(data, (data) => { return data.PercentHomeless; })
let minRadius = d3.min(data, (data) => { re
浏览 4提问于2017-09-10得票数 1
回答已采纳
1回答
我使用D3.js绘制一个可折叠的树形图，如中的那样。它工作得很好，但是当它进入它的正常函数时，它的大小可能会发生巨大的变化(也就是说，不是我现在拥有的几个节点，而是更多的节点)。
我想做SVG区域滚动，我已经尝试了我在网上找到的一切，使它工作，但没有成功。我得到的最好的工作是使用d3.behaviour.drag，在其中我拖动整个图表。它远不是最优的，也有很多小故障，但是它是可以使用的。
即使如此，我仍试图清理它一点，我意识到d3.behaviour.zoom也可以用来平移SVG区域，根据API文档。
问题：有人能解释如何使它适应我的代码吗？
我希望能够用图表平移SVG区域，如果可能的话，使它
浏览 7提问于2013-07-01得票数 17
回答已采纳
我刚接触D3，似乎找不到一种方法在我的D3.js v4强制有向图上同时实现节点标签和缩放/平移。我的代码如下。
在这方面的任何帮助都将不胜感激
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.links line {
stroke: #999;
stroke-opacity: 0.6;
}
.nodes circle {
stroke: black ;
stroke-width: 0px;
}
.svg-container {
display: inline-blo
浏览 3提问于2017-06-15得票数 1
回答已采纳
1回答
我是D3.js框架的新手，正在寻求帮助。我正试着用一个简单的力模拟来画一个网络。我希望每秒添加一个新节点并加入模拟。
下面是我的尝试。我从两个节点开始执行模拟，这两个节点的行为都很好。但是，当我添加第三个节点时，模拟会将NaN值分配给它的x和y坐标。
HTML：
<head>
<script src="https://d3js.org/d3.v4.js"></script>
</head>
<body>
<svg width="300" height="300"><
浏览 14提问于2018-01-17得票数 1
回答已采纳
1回答
下面的代码成功地允许我的画布被平移和缩放。还有一个按钮将重置为原始状态。但是，在我继续在点击按钮后进行平移或缩放之后，它会恢复到按钮被按下之前的翻译/缩放。
这是在d3 v7中，我看到了使用d3.behavior.zoom的v3的答案，但我相信它不再是一个属性。似乎在“缩放”事件中存储了一些内部状态--是否有方法将其设置为(x:0，y:0，k:1)？我的代码有缺陷吗？
<script src="d3.js"></script>
<script>
var svg_orig = d3.select("svg"),
wid
浏览 4提问于2021-07-15得票数 2
回答已采纳
1回答
我使用d3.js创建图形，其中mNode作为节点，mLink作为链接。在下面的代码中，otherLink有source & target字段，它引用连接到此链接的节点。otherLink.source只是一个包含节点数据的对象，例如：
{"id": 1,
"index: 0,
...
}
如何在此节点上应用样式(请查看下面的// DOESN'T WORK行：
function Graph(elementId) {
var svg;
var simulation;
var mNodesData = [];
var mEdgesData
浏览 13提问于2017-12-20得票数 1
回答已采纳
1回答
我是d3.js的初学者，正在尝试用html文件中的节点和链接数据重新创建。到目前为止，我有这样的想法：
var svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height");
var color = d3.scaleOrdinal(d3.schemeCategory20);
var simulation = d3.forceSimulation()
.force("link", d
浏览 13提问于2016-07-22得票数 1
回答已采纳
我正在学习d3.js，想知道随着节点生成的减少，是否有可能向外增长节点。
例如，在下面的示例中，我强制节点0的位置。
我想放置节点，这样子节点1,2,3,4围绕节点0，而孙子节点5,6,7,8被放置在节点1,2,3,4的外围，离节点0越来越远。
在下面的示例中，孙节点5,7比子节点更接近节点0。
有没有可能实现我想要的东西？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>D3 v5 force simulation</titl
浏览 2提问于2020-07-22得票数 2
目前，我正在使用之一，并尝试使用这些旗帜精灵()中的图像进行节点渲染。
然而，我的节点没有渲染，但我在我的开发工具中看到了它们。
const width = w - (margin.left + margin.right);
const height = h - (margin.top + margin.bottom);
let svg = d3.select("#canvas")
.append("svg")
.attr("id","chart")
浏览 0提问于2016-10-07得票数 0
1回答
设想情况：
我有d3渲染多个网络。
它由单个节点、多个连接节点网络组成。
我试图附加d3力(模拟)，以便节点在拖动时不重叠，整个网络保持相对位置。
我在使用多体力。
问题是：
当模拟负载(simulation.restart())时，整个网络不断扩展。所有的节点/网络都在无限期地移动。
即使一个网络的节点被拖动，所有其他网络也会移动。
如果有人能帮我找到正确的解决方案，我会非常感激的。
这里有一个小小提琴：
var nodes = [
{ id: "mammal", group: 0, label: "Mammals", level
浏览 0提问于2017-04-20得票数 1
我正在构建一个d3js图表，在一个同意不同意的梯度尺度上绘制一些点。我需要它能够缩放和平移，我有所有的工作，除了一个矩形持有一个linearGradient。梯度缩放就像我需要的那样，但是它在水平和垂直上都在缩放，扩展到原来的20 it高度：
或过度收缩：
我尝试使用一个明显不起作用的剪辑路径，似乎剪辑路径与梯度成比例。如何将矩形夹紧到轴上，使其保持相同的大小？
这是我的
谢谢你！！
浏览 1提问于2018-04-23得票数 1
回答已采纳
1回答
我试图在d3v4中添加矩形和圆圈节点，虽然这些节点都集中在一个角落中，并且它们的位置没有被更新，但图形仍然工作。我不知道我做错了什么？
我试过在网上寻找例子，但似乎找不到专门使用d3v4的例子。
<!DOCTYPE html>
<meta charset="UTF-8">
<style>
</style>
<body>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script>
// Propert
浏览 0提问于2018-01-23得票数 2
回答已采纳
1回答
我正在尝试使用D3 (v4.0)创建一个图，它具有节点的有向边和标签，类似于：，但使用的是较新版本的d3。
这就是我到目前为止所拥有的：，但我似乎不知道如何告诉D3使边看起来有方向(用箭头)或显示节点ID。
var svg = d3.select("svg");
var width = svg.attr("width");
var height = svg.attr("height");
svg = svg.call(d3.zoom().on("zoom", zoomed)).append("g");
var co
浏览 3提问于2016-09-12得票数 3
回答已采纳
我创建了MKMapView，并使用UIBarButtonItem for zoom out显示了所有的regions。它在iPhone模拟器上运行得很好，但当我在设备上试用时，它在3-5秒或有时10秒后返回到current location，我不知道这里出了什么问题。谢谢你的建议。
以下是我的代码
MapViewController.h
#import <UIKit/UIKit.h>
#import "MapListViewController.h"
@class MCLocation;
@interface MapViewController : UIView
浏览 0提问于2012-07-18得票数 0
1回答
D3/角大力有向图数据集
、、、
我使用的是D3 & parser，并且使用来自.csv解析器的大型数据集存在减速问题。我能够加载数据并保存在本地存储中使用，但是一旦加载，图形就会完全减慢到爬行速度。我在客户端用角。
我是否应该通过服务器加载这些数据以使其更快？或
如何筛选数据集以便显示D3图？
D3.组件
@Component({
selector: 'app-graph',
templateUrl: './graph.component.html',
styleUrls: ['./graph.component.scss']
})
export c
浏览 1提问于2021-04-13得票数 1
我试图在vue中使用d3.js创建一个网络图。
下面是这方面的代码。
import * as d3 from "d3";
export default {
name: "network",
components: {},
props: [],
data() {
return {
graph: null,
};
},
computed: {},
created() {},
mounted() {
var canvas = d3.select("#network"),
浏览 11提问于2020-10-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
