我知道这是关于javascript的问题，而不是特定于d3.js的问题，但不管怎么说，我都很困惑。
我想在d3.js中添加两个相同的函数。
.on("mouseover", function(){
d3.select(this)
.attr("fill", "orange")
})
和
.on("mouseover", ()=>{
d3.select(this)
.attr("fill", "orange")
})
他们都在努力实现同样的目标。让鼠标悬停到橙色的盒子。
浏览 2提问于2020-10-27得票数 1
回答已采纳
1回答
我一直在尝试使用d3.js创建一个双向链表。我在d3.js中尝试过和弦，但没有成功。谁能帮助我在d3.js中的函数，可以最适合循环链表。
编辑:类似于以下内容
浏览 1提问于2014-02-12得票数 0
在D3.js v4中，当通过传统回调函数注册事件侦听器时，this引用当前DOM元素：
d3.select("div").on('mouseenter', function() {
d3.select(this).text("Yay");
});
ES6提供箭头函数，IMHO使D3.js代码更易读，因为它们非常简洁。但是，不能盲目地用箭头函数替换传统的回调：
d3.select("div").on('mouseenter', () => {
d3.select(this); // undefined
浏览 2提问于2017-01-08得票数 9
1回答
请先看看这张照片：
现在我想做这样的东西，但是我想把d3.js元素放在这样的滑块上，而不是像矩形、圆形、方形、三角形这样的图像，这样用户就可以用图像中显示的箭头按钮来移动它们。
我只想知道d3.js是否可行，如果是的话，请告诉我如何或从哪里开始？
浏览 4提问于2013-09-17得票数 0
回答已采纳
1回答
我在我的应用程序中得到了一些图形(使用d3.js库)，我想添加特殊的标记，看起来像圆，里面有一个箭头(简而言之:带圆形和彩色背景的箭头)。
我读到我真的不能在我的圆标签之间做路径，那么我该如何处理这个问题呢？
<defs>
<marker id="circle1" markerWidth="8" markerHeight="8" refX="5" refY="5">
<circle cx="5" cy="5" r="3&#
浏览 1提问于2016-12-12得票数 0
1回答
我已经尝试使用这个箭头头力向图的例子(基于d3.js)
我想在不重新启动动画的情况下，动态地向图中添加节点/链接。
我不是javascript的专家，也不是d3.js的专家，但是无论我尝试做什么，我都不能设法创建一个动态添加更多链接的AddLinks(链接)方法。
我最好的办法是动态添加链接，但这些链接并不知道图中其余部分的存在。
我当然知道我的问题在哪里。我分别使用了两次"force“方法，但我找不到如何与已经存在的”force“接口……
浏览 2提问于2013-03-15得票数 1
回答已采纳
我正在尝试创建一个条形图，它有一个额外的功能来显示与连续条值的%差异。为了更好地理解需求，请查看下面的图片：
您可以看到突出显示的箭头，该箭头显示的是%递增值。例如：(6453-5388)/5388 = ~20%
如何做到这一点？我正在尝试使用D3.js创建这个
我将有如下数据：
var barData = [{
"Year": "2019",
"Value": 5388
},
{
"Year": "2020",
"Value": 6453
},
{
浏览 2提问于2021-05-19得票数 2
回答已采纳
1回答
我从Mike Bostock的幻灯片中复制代码(使用最新版本的d3.js)
图表可在以下网址查看：
然而，我发现了一些奇怪的标记(箭头)行为，这在Safari中是可以的，但在Firefox中就会变得错误。(见下面的截图)
在Safari中：
在Firefox(14.0.1最新版本)中：
有人知道怎么解决这个问题吗？
浏览 1提问于2012-08-08得票数 2
回答已采纳
我试图使用带有箭头函数的D3.js事件侦听器，但它似乎不起作用。
此绑定到未定义的。
如何使用箭头函数访问？
ES5：
svg.selectAll('circle')
.data(data)
.enter()
.append('circle')
.attr('r', '10')
.attr('cx', (d) => x(d.day))
.attr('cy', (d) => y(d.amount))
.on('mouseenter', funct
浏览 6提问于2015-12-04得票数 3
回答已采纳
如何按照文档说明在.edges( Array | Object | url )方法中使用Object，将箭头方向从source更改为target，从source更改为target。。完整的代码如下，以了解箭头方向。
<!doctype html>
<meta charset="utf-8">
<script src="//d3plus.org/js/d3.js"></script>
<script src="//d3plus.org/js/d3plus.js"></script&g
浏览 14提问于2016-08-30得票数 4
回答已采纳
1回答
我在使用d3.js用箭头绘制线条时遇到了问题。我确实看过一些教程并编写了这段代码，但我只看到没有箭头标记的行。谁能看一眼，告诉我我遗漏在哪里？提前谢谢。
var w = 300;
var h = 300;
var svg = d3.select("body")
.append("svg")
.attr("width", w)
.attr("height", h);
//arrow
svg.append("svg:defs")
.append("svg:marker")
.att
浏览 2提问于2016-04-13得票数 20
回答已采纳
我试图使用python来使用networkx和matplotlib输出力图的PNG。以下是当前的样子：
节点重叠较多，边缘长度很短，簇非常稀疏。
如果我使用d3.js (忽略不同的颜色、边缘权重和箭头，而不是试图复制的)来可视化相同的图形，会发生什么情况：
正如您所看到的，这更“清晰”，视觉上更吸引人，因为节点的间距更好，集群更靠近，留下的空白更少。
尽管阅读了这里所能找到的每个主题，并尝试了几十次具有节点大小、图形大小、边缘权重和边缘length属性的迭代(这似乎什么都做不到，但可能是因为它是一个任意的属性)，但我无法使matplotlib图看起来像d3.js图，即使这两
浏览 9提问于2018-01-13得票数 4
回答已采纳
1回答
我试图在这个D3.js示例"“的基础上创建一个简单的力布局定向边图。
有一行上面写着.data(["suit", "licensing", "resolved"])，但我不知道这意味着什么。我不得不承认我不完全理解它的细节。
我看过几个这样的问题，但没有一个是有帮助的。
我真的很感激
某人可以说出“.data”(“诉讼”、“许可”、“解决”)的意思。
箭头是如何添加到边缘末端的。
浏览 2提问于2019-04-20得票数 0
2回答
我正在尝试创建一个填充与D3.js和反应集成的量规。首先，请看我的代码如下：
componentDidMount() {
renderOuterGauge();
renderInnerGauge();
}
componentDidUpdate() {
renderOuterGauge();
}
renderInnerGauge = () => {
const innerGauge = this.svg.append('path')
.attr('transform', 'translate(60,100)')
浏览 1提问于2018-07-20得票数 0
回答已采纳
1回答
我需要在d3.js中创建一个箭头，但我发现的只是节点图的示例。我只需要做一个从A点到B点的箭头。
我尝试在以下示例中实现部分代码：
这一具体部分：
svg.append("svg:defs").selectAll("marker")
.data(["suit", "licensing", "resolved"])
.enter().append("svg:marker")
.attr("id", String)
.attr("viewBox"
浏览 5提问于2012-10-01得票数 33
回答已采纳
1回答
下面是我的代码，我正在添加一系列矩形- 。
我想添加一个滑块，如图像滑块，其中有左和右箭头按钮的导航或类似的东西，以便用户可以导航通过矩形框。
我不知道怎么实现这件事。
这是创建矩形框的d3.js代码：
var width = 4000,
height = 200,
margin = 2,
nRect = 20,
rectWidth = (width - (nRect - 1) * margin) / nRect,
svg = d3.select('#chart').append('svg')
.attr('width', width)
浏览 2提问于2013-09-18得票数 2
回答已采纳
我使用的是d3.js和描述的CanvasRenderingContext2D对象。我使用以下命令在画布上绘制了一系列线条(在循环中)
g.beginPath();
g.moveTo(nx, ny);
g.lineTo(nx+= dx*scale, ny += dy*scale);
g.stroke();
我的问题是，我想在这些行的末尾添加箭头(或其他标记)-如果使用这种方法创建路径，我不清楚如何(或是否)可以做到这一点。我看到，如果我直接创建路径就可以了，如此所示，但如果可能的话，我更喜欢使用上面的Context2d方法。如何在使用Context2D创建的每条路径的末尾添加标记？
浏览 0提问于2018-09-09得票数 0
1回答
我在FreeCodeCamp上开始了D3.js的挑战，问题是我用图表解决了这个问题，但它只给我一个直肠显示，只有一个显示它的宽度和高度，我将显示下面的代码。
整个代码
<script>
//set d3
var w = 1000, h = 500;
var padding = 50;
var svg = d3.select('body')
.append('svg')
.attr('width', w)
浏览 3提问于2022-03-14得票数 0
回答已采纳
2回答
例如，我正在使用D3.js运行一个项目，导入特定模块并调用它们的函数。
设置：
打字本/ES6
导入特定的D3组件
角6
我有一个对象，在本例中是一个角指令，并在SVG画布上画一些圆圈，希望它们在拖动事件上触发一个函数。
压缩代码片段：--请看下面的drawPoints()
import { ElementRef, HostListener, Output, EventEmitter, OnInit, Input, OnChanges, SimpleChanges, Directive } from '@angular/core';
import * as
浏览 2提问于2018-05-13得票数 4
回答已采纳
2回答
我的问题是如何创建一个网络可视化方案，使边缘和/或箭头终止在节点的边界。
我使用基于基模型的D3.js绘制有向图，并添加了中描述的“标记”箭头。在我的可视化中，节点的大小和不透明度取决于它们的属性。这就引出了两个问题：(1)当节点大小改变时，箭头不指向节点的边缘；(2)当节点部分透明时，边缘的尾部通过节点出现。
对于第一个问题，有几种可用的解决方案：声称得到正确的箭头偏移，但它不影响链接结束终止。还有一些解决方案的建议-- ，但我没有看到任何实际完整的工作代码。有我想要的箭头外观，但是代码是相当不透明的，而且不是模块化的，我可以知道如何应用到我自己的情况中。
如前所述，我的链接是根据曲线链接示
浏览 1提问于2015-10-06得票数 4
回答已采纳
1回答
我正在使用d3.js力定向布局实现有向图可视化的过程。请参阅：
我的问题是，我试图获得指向节点的路径，但我不知道如何开始。
另外，我很难理解箭头是如何连接的，首先：
// build the arrow.
svg.append("svg:defs").selectAll("marker")
.data(["end"]) // Different link/path types can be defined here
.enter().append("svg:marker") // This
浏览 5提问于2014-01-09得票数 0
回答已采纳
3回答
我有一个d3.js线图，有多条线。用户可以更改与每一行相关联的筛选器，这将更改绘制的值和图表更新。
这一切都很好，但是如果用户选择了筛选器，导致行的值不匹配，我将在控制台中得到以下错误：
Error: Invalid value for <path> attribute d="" d3.js:8481
attrNull d3.js:8481
(anonymous function) d3
浏览 6提问于2014-07-07得票数 0
回答已采纳
我正在尝试将Vaadin与d3.js一起使用。如果我在一个手写的超文本标记语言文件中使用d3.js和一些自定义的JavaScript，我必须在utf-8中包括d3.js (因为作者认为在他的代码中使用各种时髦的字符来表示像pi这样的东西是一个好主意)：
<script src="d3.js" charset="utf-8"></script>
很简单。但是如果我在这个自定义的Vaadin小部件中使用它，我必须使用Vaadin的JavaScript表示法：
@JavaScript({"myscript.js","d3
浏览 2提问于2014-07-07得票数 0
因此，我想创建一个如下问题流程图： ? 不知道从哪里开始最好...这是有向图吗？其中一些最终变得非常分散，看起来并不适合‘流’，就像这样：https://observablehq.com/@d3/force-directed-graph 我见过的最好的例子是一个非D3库(yworks)，但它似乎要花费15K美元： ? 这是我见过的唯一只引用yworks：Can I create a flow chart (no tree chart) using D3.js的相关StackOverflow，也许还有这个dagre-d3示例：http://jsfiddle.net/armyofda12mnke
浏览 90提问于2019-05-04得票数 0
回答已采纳
1回答
虽然这将是一个模糊的问题，但我似乎找不到问题的答案，希望你能帮助我。
我有一个小叶地图，D3.js在上面显示一些信息(圆圈和箭头)。信息来自后台，在前台处理后再绘制到屏幕上。它在chrome和Firefox上运行得很好，只有IE崩溃了(没有给出任何原因)。我调试了我的JavaScript代码，似乎IE在我的函数执行后崩溃了。这让我假设这可能会是一个渲染问题。因此，我使用调试器工具检查了IE中的内存使用情况，但似乎没有任何问题。即使在崩溃之后，内存的使用率仍然很低。我已经没有办法解决这个问题了，有没有人可以提出另一种方法，或者可以建议我如何缩小这个问题的范围？
浏览 1提问于2015-07-03得票数 0
3回答
jquery外部的DOM操作
、、、、
我在相同的脚本中使用Jquery和D3.js。我有一个使用D3.js修改的svg元素。然后，当我使用Jquery在这个元素上进行选择时，我看不到D3.js所做的修改。
开头的DOM：
<svg>
<g id="myId"></g>
</svg>
使用D3.js修改后的DOM：
<svg>
<g id="myId" transform="translate(10, 10)"></g>
</svg>
然后：
$("#myId").a
浏览 37提问于2016-08-26得票数 0
回答已采纳
2回答
D3.js退出奇怪的行为
、、、、
我正在学习D3.js，并且有一些关于exit()函数的问题。请看下面的示例代码
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
<h1>Hello, World!</h1>
<p>Test of selection of D3.js</p>
<p>
浏览 3提问于2013-07-06得票数 0
我一直被两个错误卡住了，我一直无法弄清楚……我正试图从一些后端数据中构建一个散点图。BackEnd向我发送了一个带有所需信息的Javascript对象(tabularData)，我使用它来创建图形。我使用的是ExtJS 4.2.2以及d3.js和nv.d3.js的最新版本
第一个错误是一个未捕获的typeerror，它似乎抱怨nv.d3.js
Uncaught TypeError: Cannot read property 'data' of undefined nv.d3.js:11193
(anonymous function) nv.d3.js:11193
attrFun
浏览 1提问于2014-07-23得票数 3
回答已采纳
1回答
使用D3删除dom会失败，。我尝试使用D3来操纵预先在html中定义的doms。html内容：
<div>
<p class="child" id="1">James</p>
<p class="child" id="2">Kate</p>
D3代码：
var div = d3.select('div')
var pp = div.selectAll('p.child');
var ppUpdate = pp.data(dataset,
浏览 17提问于2022-07-13得票数 1
回答已采纳
在我的可视化中使用D3 (版本4)时出错了。它基本上是x轴上的一个时间轴，用来可视化文档。我有一个主函数，它在每次缩放/画笔事件上都会被调用。它过滤和更新数据，并使用d3 enter/ update /exit来更新SVG元素。
当缩放/刷了一段时间后，D3就会崩溃，并在循环中显示以下错误。这也是随机发生的。
node_modules\d3\build\node_modules\d3\build\d3.js:4250 Error: <g> attribute transform: Trailing garbage, "…41797761907139, 7.355272223
浏览 0提问于2017-10-25得票数 3
回答已采纳
我在angular-nvd3中有一个multiChart，它应该显示每天的销售计数和总收入。
<nvd3 options="options" data="data"></nvd3>
下面是选项和数据：
$scope.options = {
chart: {
type: 'multiChart',
height: 450,
margin : {
top: 30,
right: 90,
bottom:
浏览 1提问于2016-01-13得票数 1
1回答
我试图开发一个简单的交互式应用程序来说明。基本上，我想在这里用D3.js再现这个图：
我正在考虑使用树布局，但这不是树，因为它有循环。我对D3.js非常陌生，这是我尝试生成的一个应用程序，用于自学D3.js。我被手动生成这样的格子所困住了。
在D3.js中可以这样做吗？
浏览 1提问于2014-01-03得票数 3
回答已采纳
使用Drupal中的D3.js库创建数据可视化的可用选项有哪些？
D3.js (数据驱动文档)似乎是一个越来越受欢迎的图表引擎。因此，我想知道如何使用D3.JS作为图表引擎。
浏览 0提问于2015-09-03得票数 2
回答已采纳
1回答
我正在尝试从d3.js开始，并从下载了最新的版本。除了d3.js文件之外，src和规范文件夹中还有很多其他脚本。
我们需要将所有这些放在我们自己的项目目录中吗？还是复制d3.js文件就足够了？
浏览 6提问于2019-12-16得票数 1
回答已采纳
1回答
我想使用d3.js可视化数据。因此，我将express框架连接到postgresql，从postgresql获取用户数据，用户数据将使用d3.js可视化。我的问题是，在express框架中如何使用纯d3.js代码？
谢谢。你好，雷斯·汗。德国图克尔。
浏览 1提问于2015-07-21得票数 1
我是SVG和d3.js的新手。
在使用D3 force layout绘制图形时，我使用了一个简单的对角线生成器，并使用标记端来绘制箭头。
当使用圆弧而不是对角线生成器时，箭头显示得很好。但是像下面的代码一样使用对角线生成器不会产生适当的标记：
var vis = this.vis = d3.select(el).append("svg:svg")
.attr("width", w)
.attr("height", h);
var force = d3.layout.force()
.gravity(0.03)
.
浏览 0提问于2012-05-23得票数 6
我有一个有角的网站，有一些用angular2-nvd 3制作的图表。我最近升级了我的所有依赖项，从那时起我就出现了以下错误：
ERROR TypeError: groups.watchTransition is not a function
at SVGGElement.<anonymous> (nv.d3.js:13130)
at d3.js:962
at d3_selection_each (d3.js:968)
at Array.push../node_modules/d3/d3.js.d3_selectionPrototype.each (d
浏览 3提问于2018-09-19得票数 0
回答已采纳
1回答
我想用d3.js创建一个像上面这样的甜甜圈，但是我不能做一个。我可以用d3.js做一个正常的甜甜圈。
请有人知道如何用d3.js制作这个甜甜圈吗？
浏览 3提问于2015-12-02得票数 2
回答已采纳
2回答
d3.js layout.force可以用来定位像div这样的非svg元素吗？
如果div有position: absolute;，那么left和top也许可以作为与svg元素相同的x1和y1属性使用？
目标是在支持IE8的图像和菜单项上产生一些强制效果。我知道svg节点可以是图像，但由于我需要支持IE8，这不是一个选项。
如果不可能的话，使用和d3.js是一个稳定的选择吗？
谢谢!
**更新**
D3很酷！！我开始掌握它的窍门了，并且可以在常规的html元素(如div)上使用“强制”，因为d3.layout.force()本质上给出了每个你想要使用的“滴答”(或帧)的x和y坐标。
ie：
f
浏览 4提问于2012-02-15得票数 8
回答已采纳
1回答
D3.js和Cytoscape.js有什么区别？
为什么有人会选择Cytoscape而不是D3.js？
浏览 7提问于2013-05-27得票数 29
回答已采纳
2回答
我试图在这里使用D3.js有向图的教程：。我想要做的是添加这样的功能:当用户选择一个边缘并按下"B“键时，它会反转边缘。好消息是我已经按计划开始工作了。坏消息是，我不知道为什么要这样做:)
这是我的密码-
switch(d3.event.keyCode) {
case consts.B_KEY:
d3.event.preventDefault();
if (selectedEdge){
var sourceNode = selectedEdge["source"];
var targetNode = selectedEdge["
浏览 2提问于2015-12-21得票数 0
回答已采纳
我想在d3.js脚本中重写与其中一个布局相关的几个函数。当我将这些函数剪切并粘贴到单独的文件中，并在d3.js之后加载它们时，可视化就不再工作了，因为内部函数调用d3.js的内部函数。
d3.js：
!function() {
var d3 = { version: "3.5.17" };
function d3_funct() { return d3; } // this function is called in the other file
}();
chord.js：
d3.svg.chord() = function() {
var funct = d3_
浏览 10提问于2016-05-12得票数 1
回答已采纳
1回答
使用d3分组数据
、、
我试着用复制乘法图的d3。我声明我对d3知之甚少，我刚刚开始使用它。
我会得到一个图，在x轴上有日期(1995,1996，.，2010)，y轴上的数值从0到3000。表示csv中各种数据类别的行。
这是我代码的一部分：
// Get the data
d3.csv("./data/df_out.csv", function(error, data) {
data.forEach(function(d) {
d.year = d.year; //parseDate(d.year);
d.value = +d.value;
});
浏览 3提问于2016-05-14得票数 1
回答已采纳
1回答
我试图迭代D3.js中的X3DOM节点，但是我得到了一个错误。
代码如下：
var disktransform = scene.selectAll('.disktransform');
var shape = disktransform
.datum(slices)
.selectAll('.shape')
.data(partition.nodes)
.enter()
.append('sh
浏览 0提问于2015-08-29得票数 0
2回答
我正在寻找一些指导或如何在d3.js中做一个地理图的例子。我需要像这样的东西在谷歌图表中，并转向d3.js，因为我需要一些自定义。到目前为止，我找到的最接近的d3.js示例是，但那里的代码非常长，我希望能找到更简单的代码。
浏览 1提问于2012-09-29得票数 6
回答已采纳
1回答
SVG中线图的双x-轴
、、、、
我已经开始研究D3.js和Dimple.js了。我们的要求是创建一个具有双x轴的线图。在对这一需求进行基础研究后，我发现D3.js或Dimple.js支持双y轴，但不支持双x轴。
我的第一个问题是“D3.js或Dimple.js支持像box模型这样的双x轴吗？”
浏览 2提问于2015-10-20得票数 4
回答已采纳
d3.js的4.x版本并不是向后兼容的，它是June16的最终版本。
bower.json for dc.js包括：
"dependencies": {
"d3": "3.x",
"crossfilter2": "~1.3"
}
它显式地要求v3 (而不是更高)的d3.js。
dc.js目前是否与d3.js的4.x版本兼容？如果没有，这是否有计划？
浏览 5提问于2016-07-09得票数 3
回答已采纳
我正在使用以下D3.js教程：。
我的问题如下：
我知道HTML中的位置在我是说，我通常把它放在这里：
<body>
<!-- HTML code -->
<script>
<!-- JS code or external JS link -->
</script>
</body>
通过这个实践，我想要的是在HTML内容呈现之后运行JS。
但!当我使用D3.js遵循这一实践时，我发现D3.js在脚本标记之后呈现我添加的内容(使用d3(“html”).append(需要追加的东西)。
例如!
浏览 3提问于2022-03-23得票数 1
回答已采纳
我正在使用JavaScript库d3.js ()，但我不明白为什么这在Safari和火狐中有效，但在Chrome中不起作用。
我想标题是正确的：
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js">
</script>
</head>
我还尝试将脚本标记放在文件的末尾。有人使用过d3.js吗？提前感谢！
浏览 5提问于2012-11-28得票数 4
1回答
如何从Excel导入数据
、、、
我让webApp从Excel文件data.xls和d3.js构建一个图表。我是这样做的：
步骤1>通过浏览位置导入文件(没有本地文件)
步骤2 >将Excel文件转换为数据并传递到d3.js。
我使用Wijmo.js显示Excel文件，使用d3.js构建图表，所以我只能使用Excel文件，而不是CSV！
浏览 5提问于2015-09-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
