我想将基于D3.js v3的代码“转换”为D3.js v4。
我不知道在下面的代码中需要更改哪些代码不显示任何错误：
var data = d3.layout.histogram()
.bins(resolution)
.frequency(0)
(results);
我知道在d3.js v4中没有类似于d3.layout.histogram()的东西--我只在API中找到了d3.histogram()。但是，如何更改第2-4行的“语法”以使其与v4一
浏览 0提问于2017-12-09得票数 2
回答已采纳
我刚刚从d3.js开始，并复制了d3.js v3的示例，并试图将其修改为v4。我有以下代码：
var width = 960,
height = 500,
fill = d3.schemeCategory20;
// another code
var force = d3.forceSimulation()
.size([width, height]) // the error occurred at this row
.nodes([{}])
.linkDistance(50)
.charge(-200)
.on("tick", tick);
浏览 0提问于2017-09-03得票数 3
回答已采纳
在D3.js v4中，d3.transform方法已经被移除，没有任何关于如何替换它的提示。有人知道如何替换下面的D3.js v3指令吗？
d3.transform(String).translate;
浏览 68提问于2016-07-06得票数 38
回答已采纳
我将d3.js用于图表，现在想将其更新到v4。
我们发现d3.locale()不再起作用了，因为所有的日期格式都是在不同的语言上翻译的。
我怎么才能修复它呢？我正在挖掘论坛，但对于v4，我并没有真正找到它。
浏览 28提问于2016-09-22得票数 10
1回答
有人知道如何构建，或者有人见过d3.js的v4或v5的DND和可折叠树(密码图)吗？下面是一个关于v3的很好的例子：
静态树的例子很多，但我还没能成功地将这段代码更新到v4。
浏览 7提问于2018-11-16得票数 0
2回答
我正在尝试获取x和y的值，以便使用d3.js v4创建一个圆圈。使用下面的代码，我设法创建了类似于圆圈行为的图表，但是当我试图在v4中运行相同的代码时，它就不再工作了。我知道v4的更新有一些不同之处，但我没有找到任何有关它的信息。所以我想知道是否有人能帮助我在d3.js v4中运行这段代码。
下面是使用v3的代码(它将使用v4中断)：
var svg = d3.select('body').append('svg')
.attr('width', 250)
.attr('height', 250);
//render
浏览 4提问于2017-10-31得票数 5
回答已采纳
给定一个字符串"2001-01-30"，我如何解析它并获得一个JavaScript Date对象，理想情况下使用d3.js v4？
浏览 0提问于2017-05-28得票数 1
回答已采纳
我想将这段代码从D3.js的V3转换为V4版本：
var monthArray = d3.time.scale()
.domain(d3.extent(metricMonths))
.ticks(d3.time.months, 1);
浏览 1提问于2021-05-10得票数 2
我在d3.js v4中使用带有字符串域和十进制输出的d3.scaleBand()
我感兴趣的是从范围十进制值中检索"key“。
var xscale = d3.scaleBand() // v4
.domain(["a","b","c","d","e"])
.range([0, 5])
console.log(xscale("c")) // return 2
console.log(xscale.magicfunction(2)) // return c
在d3中有没有办法做到这一
浏览 15提问于2018-08-07得票数 1
回答已采纳
2回答
我使用d3.js (最新版本- v4)。在v3中，它就是工作。我读过关于layout.pack的文档。我的错误在哪里？
var bubble = d3.layout.pack()
.sort(null)
.size([diameter, diameter])
.padding(2);
浏览 23提问于2017-01-23得票数 1
回答已采纳
1回答
在d3.js v4中，嵌套选择似乎不像过去那样起作用。
这起作用(在v3中)：
var data = [["1-a", "1-b"], ["2-a", "2-b"]];
var tbody = d3.select("tbody");
var row = tbody.selectAll("tr").data(data);
row.exit().remove();
row.enter().append("tr");
var cell = row.selectAll("td&
浏览 2提问于2016-10-04得票数 4
我正尝试在D3.js v4中添加填充到我的条形图中。
在v3中，它是通过以下方式完成的：
var x = d3.scaleOrdinal()
.domain(["a", "b", "c"])
.rangeRoundBands([0, width], 0.1);
然而，在v4中，rangeRoundBands被淘汰了。我知道在v4中等效的代码(没有填充)是：
var x = d3.scaleBand()
.domain(["a", "b", "c"])
.range([
浏览 9提问于2016-07-16得票数 4
回答已采纳
升级到d3.js v4.1.1后，该行：
d3.layout.tree()
生成一个错误：
Cannot read property 'tree' of undefined
似乎已经从v4？中删除了树布局
这些示例仍然使用v3 API：
布局是真的消失了，还是被重命名了？
浏览 1提问于2016-07-13得票数 17
回答已采纳
我试图理解d3.js v4中的v4文档：
Axis.tickSize(尺寸) <>
如果指定了大小，则将内外刻度大小设置为指定的值，并返回轴。如果未指定大小，则返回当前内部刻度大小，默认为6。
当我检查源代码时，我得到了以下内容：
axis.tickSize = function(_) {
return arguments.length ? (tickSizeInner = tickSizeOuter = +_, axis) : tickSizeInner;
};
我不太明白发生了什么事。
_作为函数的参数在做什么？
(tickSizeInner = t
浏览 5提问于2017-05-26得票数 2
回答已采纳
在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
我有一个与非常相似的任务，为d3.js提供的解决方案对我来说非常好(测试)。但是，我在我的网站上使用了d3.js v4，我在用v4复制相同的方法时遇到了困难--我没有得到相同的结果。也许是因为我不理解sumChildren函数。请随意提供一种更好或不同的方法，说明如何使用d3.js v4将加载的csv文件重组为json，并在每个节点级别使用小计。在我的例子中，我需要在国家、州和城市各级设置Population。
免责声明:我使用已经很多年了，在大多数情况下，我都是从其他人发布的问题中得到答案的，但这是我的第一个问题。除此之外，我是d3.js中的菜鸟
population.csv:
Countr
浏览 4提问于2016-11-30得票数 4
回答已采纳
在d3.js v4中，我尝试实现对线图的画笔(缩放选定区域)。我希望在X或Y方向的画笔是根据鼠标移动的方向来选择的。
如果鼠标向左或向右移动，则需要调用brushX，如果鼠标首先向上或底部移动，则需要调用brushY。
有没有办法实现这一点？
浏览 0提问于2017-09-26得票数 0
我一直试图将d3 sunburst序列分区更新为d3 V4，如下：
地址：
我已经切换了它的大部分，它主要是工作，但它打破了鼠标保存功能。我得到的错误是: d3.js:7616隐式TypeError: callback.call不是一个函数
function mouseleave(d) {
d3.select("#trail")
.style("visibility", "hidden");
d3.selectAll("path").on("mouseover", null);
d3.selectAll(
浏览 2提问于2016-09-22得票数 0
回答已采纳
1回答
我有一个用d3.js v4构建的分组列图。当用户单击单个图表时，其他图表将变得不可见，以突出显示单击的图表。现在我有一个可用性问题:当图表很短的时候，点击它有点太难了，所以我想检测一下图表上面所有部分的点击。
function onSelectSingleBarChart(d, i, j) {...
这是。
浏览 3提问于2017-05-16得票数 2
回答已采纳
1回答
我试图用d3.js 复制用d3.js v4编写的示例v3，因为我的应用程序很旧，不能更改库。但是，当我试图使用旧版本运行它时，我会得到以下错误：
d3.select(...).transition(...).duration(...).on is not a function
在这里提到了同样的问题，但遗憾的是，它并没有解释如何用v3复制这个示例。尽管我确实了解到问题在于transition.on()对v4来说是新的。
所以有人能帮我把这个例子移植回v3吗？
var format = d3.format(",d");
d3.select("h1")
.
浏览 0提问于2017-04-26得票数 0
回答已采纳
1回答
我正在用d3.js v4构建这个平行坐标视图的一个版本。
在我的示例中，我有一个预定义的选择(以最小，最大数组的形式，我希望在绘图加载后将其编程设置为一个或多个轴上的画笔。但我似乎找不到一种方法去做。我在代码中找到的大多数设置画笔的示例都是使用d3 v3和设置范围，但这似乎在v4中不再起作用。
有人能给我一些提示和一个简单的例子来在这种情况下做到这一点(因此，在多轴和画笔活动)？
谢谢
浏览 6提问于2018-03-08得票数 1
1回答
var selectZoom = d3.brush().extent([[0, 0], [WIDTH, HEIGHT]])
.on("brush",brush)
.on("end", brushended);
function brush(){
var selection = d3.event.selection;
console.log(selectZoom.extent()); // this prints function
浏览 2提问于2017-09-27得票数 0
回答已采纳
我使用的是d3.js v4。我已经在google chrome浏览器的控制台上执行了以下代码。
var theData = [ 1, 2, 3 ]
var p = d3.select("body").selectAll("p")
.data(theData)
.enter()
.append("p")
.text("hello ");
console.log(p);
我以为会有这样的结果：
但我得到的是如下所示
有人能帮我解释一
浏览 3提问于2016-10-04得票数 5
回答已采纳
我哪儿都找不到这个信息。我知道D3.js v4修复了很多v3错误，很棒，但是我已经有了一个现有的应用程序，它有4个(相对复杂的)图表，我无法估计从v3迁移到v4需要多少工作时间。此外，现在我正在开发一个新的地图图表，而且v3似乎已经有了很好的地图支持(那么使用D3.js v4就不是强制性的了)。
当被问及如何将v3示例更新为v4时，
是的，我要就地更新我的例子。把它看作是我对升级到4.0的有力鼓励。(首先，4.0中修复了很多3.x bug，我的资源有限，可以免费支持旧版本。)
然而，是最近的，2016年5月4日。因此，我仍然不知道v3支持会持续多久。
有人知道这个答案吗？或者，迈克，你
浏览 4提问于2016-08-12得票数 5
回答已采纳
1回答
我已经读过这些答案了，但我不能解决： Adapt old geo to D3 v5, how to express a queue of Promise? d3.js v5 - Promise.all replaced d3.queue 我在d3 v4中的代码如下所示 d3.queue()
.defer(d3.json, "path/file.json")
.defer(populate,map,data)
.await(ready);
}
function populate(map,data,callback) {
.. code ..
callback
浏览 16提问于2020-07-17得票数 0
1回答
具有两个力的力图
、、
在v3.x中，我有一个图，中间有一个中心节点，在它的左侧或右侧有一些节点。如下所示：
我使用了一个略显笨拙的方法，如下所示
tick = function () {
nodes.forEach(function (n) {
if (n.position == "L") {
n.x -= force.alpha() * 80;
}
if (n.position == "R") {
n.x += force.alpha() * 80;
}
});...
我在节点对象上有一个“位置”标记，并将其推到
浏览 1提问于2016-10-07得票数 0
1回答
我正在使用模块系统创建一个地图。我或多或少习惯了D3.js v3，但我仍然在习惯v4。
我正在尝试添加一个分派，但我不知道如何在V4中重新绑定导出，因为此功能现在不可用。
因此，对于我的分派(_dis)和我的特定事件("changetype")，d3 v3中的重新绑定将在返回导出之前进行，例如：
d3.mapDots = function (districts){
var _dis = d3.dispatch('changetype');
(...)
exports.color = function(_c){
if(!arg
浏览 4提问于2016-07-12得票数 10
回答已采纳
1回答
我最近将D3.js从v3升级到了v4，我注意到我不能再按鼠标的中间按钮了，就像使用左键一样。通过比较mbostock的旧块和新块，似乎也发生了同样的事情。
将与进行比较。尽管它们的代码和功能非常相似，但是使用鼠标的中间按钮可以在v3上工作，而不能在另一个上工作。
有没有人知道在新版本中使用鼠标的中间按钮是否仍然可以进行平移？
浏览 5提问于2016-08-10得票数 4
回答已采纳
我在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回答
d3.js自定义曲线步进
、、、
我正在用x和y轴处理d3.js .v4图，我需要你的帮助。
描述：
xAxis是线性缩放的路径，就像这张图像一样。
我被困在这里，找不到像这张图片那样的路径
这是我的行函数代码
// the path generator for the line chart
line = d3.line()
.x(function(d, i) {
return xScale(i);
})
.y(function(d, i) {
return yScale(d);
})
.curve(d3.curveStep);
我尝试了红衣主教，单调和卡特莫，但无法存
浏览 4提问于2016-11-21得票数 9
回答已采纳
1回答
我试图用d3.js v4构建一个多行图表，我找不到类似的例子，很难从头开始构建它。我想通过日期为每个“度量”显示一行。这是数据集：
[
{
"id": "1",
"description": "some-description",
"date": "2022-01-01 09:25:00",
"interval": "5",
"key": "time_per
浏览 3提问于2022-01-16得票数 1
我在模块中使用D3.js V4，并且我希望将几个模块导入到单3`命名空间中。下面的代码片段是我目前的解决方案，有更好的方法吗？
const d3 = Object.assign(
{},
require('d3-axis'),
require('d3-selection'),
require('d3-format')
)
所以每当我需要什么的时候，我就打电话给下面这样的人
d3.format('.5s')
// OR
d3.select(something)
是否有更好的方法将所有内容导入单个d3命名空间？
浏览 2提问于2017-10-04得票数 0
回答已采纳
有没有办法防止d3.js v4中的网络图节点重叠？ 我尝试在有或没有distanceMax()的情况下为force、charge和d3.forceManyBody()使用不同的值，但它们仍然重叠。显然，将半径减小到8可以提供更多空间，但我需要足够大的节点来标记。 这是d3块： https://bl.ocks.org/Ognami/9dd4111eb793eec1645e9cdc7d4ba5b0 我想让链接扩展到需要的程度，这样节点就不会相互重叠。
浏览 193提问于2019-09-27得票数 0
回答已采纳
1回答
我期待有一个带有额外行标题的d3.js表。
当前的布局如下：
|# | TYP |
|# | A1 | | A1 | |
|# | B1 | B2 | B1 | B2 |
|------------------------
|C1 | C2 | C3 | C4 | C5 |
|C1 | C2 | C3 | C4 | C5 |
|C1 | C2 | C3 | C4 | C5 |
|C1 | C2 | C3 | C4 | C5 |
但是，每一列都有以下布局：
[
{name: 'BLABLA', v1: C1, v2: C2,
浏览 3提问于2017-03-27得票数 0
回答已采纳
1回答
就像你们中的许多人一样，我在将我的遗留代码转换为D3.js v4时遇到了一些困难。现在我遇到了一个问题，我找不到文档，也找不到如何修复它。
这是我的原始代码：
我设法将它转换为：
但现在我被困住了
d3.stack().offset('wiggle').values(function(d)
返回一个错误，
d3.stack(...).offset(...).values is not a function
帮助弄清楚正确的语法应该是什么，如果你也看到任何其他需要转换的东西，请让我知道。
浏览 4提问于2017-01-10得票数 0
在d3.js V4中，d3.vent.y给出了SVG元素中的事件y位置，但是我需要事件的位置，就像它在G元素中的位置一样。例如，如果鼠标位于G元素的顶部而不是d3.vent.y，则应该为零。但在我的尝试中，如果鼠标位于SVG元素的顶部，则只有零。这是我的尝试： --试着把‘水’线上下拖。这条输水线和鼠标拖来的是不匹配的。我的SVG将按照页面的宽度进行缩放，所以我不能硬编码值。
D3 V4代码：
var high = null;
d3.select('#bfG').call(
d3.drag().on('start', function () {
//
浏览 3提问于2017-05-22得票数 0
回答已采纳
我正在尝试做一些类似于这个问题的事情，。但是，我发现在d3.js的v4中很难找到任何一种解决方案。
我正在从某个预加载的json构建一棵树，然后当用户单击某个节点时，我希望能够将子节点添加到树中。添加子节点的过程将涉及对REST服务的调用，该调用将返回一些json。我的大部分代码主要基于，它是使用v3的可扩展/可折叠的整洁树，而是使用v4的不可扩展/可折叠的整洁树。
我的代码在这里，。我可以画出树没有问题，但我真的有困难，如何添加节点到树。我怀疑这一点：
function click(d) {
if (!d.children && !d._children) {
浏览 1提问于2016-09-29得票数 0
回答已采纳
我正在学习一个d3.js Linkedin学习课程，创建图形并按类型对它们进行插值。链接到课程视频here。我一直收到上面的错误，我认为这与视频来自2016年并使用d3.js的v4有关，但我不知道如何修复它。我找到了这个问题的答案on GitHub here，但我不理解它。如果有人能ELI5，我会很感激的！谢谢。 var dataArray = [{
x: 6,
y: 8
}, {
x: 9,
y: 2
}, {
x: 12,
y: 19
}, {
x: 19,
y: 21
}, {
x: 23,
y: 43
}];
var interpolat
浏览 20提问于2020-10-15得票数 0
回答已采纳
1回答
使用D3.js v4，我试图在点击按钮时更新圆的半径。
问题是，每次更新时，圆都会被重新绘制(从'radius1‘到0，然后才到'radius2')，而不是。
下面是完整的代码：
以下是circle更新代码片段：
var circles = svg.selectAll('circle').data(dataset);
var enter = circles
.enter()
.append('circle')
.attrs({
cx:
浏览 23提问于2016-08-03得票数 1
我知道，在d3.js v4中，通过使用d3.v4层次结构().sum()，父级的值可能大于其子级的和。
我还知道层次结构().sum()函数将返回一个值，该值是节点及其子节点的和。
但是，我只想绘制只包含其值的矩形(而不是其值之和加上其子值之和)。
有可能吗？
例如，这是JSON文件：
{"name":"Top Level", "size": "50000" ,"children":[{"name":"Level 2: A","size":"10000"
浏览 3提问于2017-05-02得票数 1
回答已采纳
1回答
所以我有一个用D3.js (v4)做的图，它有一个这样的域比例：
...
.domain([domainA, domainB})
...
domainA和domainB都是用特定值定义的变量，如下所示：
var domainA = 500;
var domainB = 1000;
我的HTML页面中有一个函数，当按下按钮时，它会更新domainA和domainB的值。但是，在我单击完整图形上的条形图之前，我的图形的域比例不会更改。
我想知道如何能够重新渲染图形，以便能够在domainA和domainB的值发生更改时立即设置域比例，而不必单击其中一个条形图来更新图形。
谢谢，任何帮助都是很棒的！
浏览 13提问于2019-07-17得票数 1
回答已采纳
我使用d3.js v4已经有一段时间了，我了解到Mike Bostock已经用Promise原生JavaScript对象替换了v5发行版中的d3.queue。我想和你一起检查我写的代码是否正确地排队(异步地)这些URL：
var makeRequest = function() {
"use strict";
var bli = [
"http://stats.oecd.org/sdmx-json/data/BLI2013/all/all",
"http://stats.oecd.org/sdmx-jso
浏览 0提问于2018-03-28得票数 17
回答已采纳
我使用d3.js v4来构建强制有向图，就像在基本示例中一样。我还创建了输入字段，用户可以在其中键入节点名称。然后搜索匹配的circle元素，如下所示：
findNode(name) {
let theNode = this.d3Svg.selectAll('circle').filter(function(d) {
return d.name == name;
});
}
之后，我想要移动视口到foundNode。我该怎么做呢？
我尝试了一下：this.d3.zoom().translateTo(theNode, theNode.x, theNod
浏览 15提问于2018-03-01得票数 1
回答已采纳
1回答
D3弧的一侧
、、、、
我使用D3.js的内置弧函数为我的数据生成SVG <path>s。
.attr("d", function(element, index) {
var arc = d3.arc()
.innerRadius(iR)
.outerRadius(iR + 10)
.startAngle(element[1])
.endAngle(element[2])
.cornerRadius(isRounded ? cR : 0);
return arc();
});
这是完美的工
浏览 2提问于2016-11-06得票数 4
回答已采纳
在D3力布局图中，我试图迫使某些节点在给定的区域内停留，基于它们的组。
有一个中心节点，它是固定的。我希望用红线连接的节点停留在屏幕高度的前1/3，笔划线连接的节点停留在第二个1/3，而由蓝线连接的节点保持在最后的1/3。
但是我希望它平滑:在加载时，节点移动到给定的区域，并远离另一个区域。与中心节点的距离不能固定。
每个组中的节点数是可变的。
如何使用d3.js v4实现这一点？
谢谢你的帮助:)
浏览 1提问于2016-12-02得票数 3
回答已采纳
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
回答已采纳
3回答
脚本的ES6导出
、、、
我在React中使用了D3 v5，并且有一个使用v3的可视化。我正在为v5使用npm模块，但对于v3，我试图导入用于可视化的D3。
在我的部分，我有：
import * as d3 from './lib/d3/v3/d3';
在d3文件夹的d3.js中，缩小的v3 d3脚本：
const d3 = !function(){function n(n){return n&&(n.ownerDocument||n....
export default d3;
butI得到以下错误：
编译失败。
./src/components/d3/NetworkTopology
浏览 0提问于2018-11-07得票数 0
回答已采纳
我只是在玩d3.js，我想知道在一个循环中使用selection.filter()或其他方式获得多个选择的最佳方法是什么。
从数组的角度来看，我会使用Array.prototype.filter()来获取所需的数据集。每当我需要基于不同条件的多组数据时，我将使用Array.prototype.reduce()并将数据推送到累加器中的相应键作为对象。
因此，对于D3选择，我将如何过滤，并在单个循环中获得不同条件下的选择。(类似于d3.reduce())。这样我就可以对过滤后的选择使用选择方法。我阅读了这些文档，并且我知道从v4中选择的不再是数组。
浏览 3提问于2019-04-15得票数 2
在我的苹果电脑上，用两个手指缩放触摸板可以在D3v4上运行：
点击svg，缩放效果就像我期望的那样。
但同样的代码在v5中不再有效：
它不再在svg中缩放，而是在整个浏览器中缩放。
我在mac的chrome和safari上试了一下，让一个朋友在windows chrome上测试了一下，v4和v5在功能上也有同样的问题。
var zoom = d3.zoom()
.scaleExtent([1, 10])
.on("zoom", function() { grp.attr("transform", d3.event.tr
浏览 0提问于2020-01-30得票数 2
我是D3.js的新手。现在我偶然发现了一个与图书馆的nest()有关的问题。
下面是我在D3 v4中为nest()编写的代码。请注意，我正在寻找time_in_hospital的平均值。问题是变量check没有给出我想要的数据。
var groupByAgeAndtime = d3.nest()
.key(function(d) { return d.age; })
.rollup(function(v) { return d3.mean(v, function(d) { return d.time_in_hospital; }); })
浏览 2提问于2018-10-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
