d3 v4中的可缩放区域不起作用
d3 v4是一个流行的JavaScript数据可视化库，可用于创建各种交互式和动态的数据可视化图表。可缩放区域是d3 v4中的一个功能，用于在地理地图上创建可缩放的区域。
可缩放区域是指在地理地图上可以通过缩放和平移来浏览不同的区域。这个功能可以让用户更好地探索地理数据，并且可以根据需要放大或缩小地图的特定区域。
在d3 v4中，可缩放区域功能是通过使用d3.geo库来实现的。d3.geo库提供了一系列用于处理地理数据的方法和函数。其中，d3.geo.zoom()函数可以用于创建可缩放区域。通过将该函数应用于地理路径（d3.geo.path()）或投影（d3.geo.projection()），可以实现地图的缩放和平移功能。
可缩放区域功能在许多应用场景中都非常有用。例如，在地理信息系统（GIS）应用中，用户可以通过缩放和平移地图来查看不同的地理区域。在数据可视化应用中，可缩放区域功能可以让用户更好地探索和理解地理数据。
对于d3 v4中的可缩放区域功能，腾讯云提供了一些相关产品和服务，例如地理位置服务（https://cloud.tencent.com/product/lbs）和地图服务（https://cloud.tencent.com/product/maps）。这些产品和服务可以帮助开发者在自己的应用中实现可缩放区域功能，并提供了丰富的地理数据和地图样式供选择。
需要注意的是，本回答中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，因为题目要求不提及这些品牌商。
相关·内容
1回答
调整窗口大小时的d3缩放行为
javascript、d3.js
我正在使用D3来设置我的图表区域，使用可缩放的行为。图表包括x轴和y轴。
然后再平移并放大图表区域。请参见下面有此问题的
浏览 2提问于2016-09-27得票数 8
1回答
D3.js变焦在safari中不使用鼠标轮
javascript、d3.js、webkit
我使用D3 v4来实现缩放功能，并且在FireFox浏览器、Chrome浏览器上一切都很完美。Safari浏览器的行为完全不同(我的版本是Version 10.0.1 (12602.2.14.0.7))。滚轮变焦适用于g元素，而不适用于svg元素。注意：dbClick缩放适用于svg元素。我创建了一个简单的，试图重现这个问题。如果您尝试在red rect上进行滚动缩放--它将在rect之外工作--不起作用，但适用于其他浏览器。我在寻找
浏览 2提问于2016-11-30得票数 1
回答已采纳
1回答
D3初始缩放行为中断
javascript、d3.js、svg
注意：(类似于这里的问题，。但是，他们的答案是针对v3的，注释中的v4回答不起作用。)
我正在尝试设置一个d3动画的初始pan/缩放。根据上面的答案，我已经用适当的翻译设置了SVG缩放。但是，初始缩放操作破坏了转换/缩放，返回到缩放标识。我已经查看了文档和大量缩放示例，但无法确定d3
浏览 1提问于2017-09-09得票数 3
回答已采纳
1回答
如何将translate()[0]转换为d3 v4
javascript、d3.js
我正在尝试将以下代码转换为d3 v4this.d3Zoom.translate([x, 0]);
如何在d3 v4中执行translate()？
浏览 0提问于2018-04-05得票数 0
1回答
全刷无缩放
javascript、d3.js
我正在使用focus + context d3可视化。我使用的是路径，而不是区域图，这是bl.ocks.org上的例子。不幸的是，我不能让它正常工作。见这篇文章：
我的画笔工作，但缩放的焦点似乎不起作用。我不知道为什么三天后我还没解决。我有很多时间和很多例子，这样我就可以从别人的错误中吸取教训。在上一篇文章中，url(#剪贴画)是问题所在，然而，在我的图表<em
浏览 1提问于2016-10-03得票数 0
回答已采纳
1回答
d3 js v4 +比例限制中的地图缩放和pan
d3.js、zooming、pan
我有 d3 js地图。我试着做一个像变焦和平移这样简单的东西，结果就停了下来。现在只有点放大(我使用v4)。如何“同步”点的缩放和平移并绘制svg地图？如何在d3 v4中设置缩放和pan的限制？
浏览 2提问于2018-06-28得票数 3
回答已采纳
1回答
d3.js v4地图还是如何共享两个元素的缩放？
javascript、d3.js、zooming
我找到了一个很好的示例，但它是用旧版本v3编写的。我几乎把它转换成v4，但是d3.event有一个问题。在v3中，d3.event似乎在缩放的两个元素之间共享缩放参数，而缩放就是在这两个元素之间调用的。因此，如果我在主画布上缩放，然后在小地图画布上缩放-d3事件将有主画布缩放的最后一个缩放值，d3.event，它将继续按原样<e
浏览 2提问于2017-03-19得票数 3
回答已采纳
2回答
铅笔状功能
d3.js
我一直在寻找一种使用D3的方法和像手写铅笔一样的功能。这是可行的吗？我在mbostock站点上查看了不同的例子，但是找不到任何允许您在可缩放区域内手动绘制的东西。
浏览 5提问于2015-05-14得票数 3
回答已采纳
1回答
我正在尝试在我的d3 (v4)图表中实现缩放和刷。我的场景如下: 1.用户使用画笔显示图表的特定区域。2.然后进行缩放/平移，但这会导致视图跳转回旧位置，因为存储的缩放转换不知道刷牙所做的更改。
我的理解是，当前缩放
浏览 5提问于2017-10-06得票数 3
回答已采纳
3回答
我的目标是构建一个D3 (v4)图表，它同时使用和，如下所示：
你可以在两个轴上缩放和平移，或者刷主图表区域。可<
浏览 16提问于2017-10-09得票数 9
1回答
d3:为视网膜组合画布+ svg
javascript、d3.js、canvas、retina
这个问题是在视网膜画布上使用D3的特定问题，而视网膜画布是目标平台。我有一个使用画布创建的图表。我使用svg创建了图表的轴。我在一个svg矩形上调用d3缩放函数，因为我正在尝试找到一个解决方法来解决视网膜画布上的d3缩放问题：我可以用一个重叠的svg矩形来捕获缩放事件。需要进行的唯一调整是将画布的缩放</em
浏览 17提问于2018-03-04得票数 0
回答已采纳
4回答
D3.est()键和值转换为名称和子对象
javascript、d3.js、treemap
csv文件中的数据是分层的，因此我使用了d3.nest()。
但是，生成的JSON是{key:"United States", values:[...]}形式的。可缩放的要求层次结构为{name:"United States", children:[...]}。我曾尝试将示例中的name和tried替换为key和value，但不起作用。如果有人已经研究过在<e
浏览 6提问于2013-07-02得票数 15
回答已采纳
1回答
D3.js版本4.圆的基本绘制
d3.js
我刚开始学习D3。现在是第4版，不幸的是，大多数在线教程和示例都是版本3的。D3 v3：正如您所看到的，确切的代码在v3中工作，但在v4中不起作用。在v4中，如果检查元素，则会创建圆圈，但没有设置属性。你们能指出v4应该改变
浏览 4提问于2016-09-24得票数 0
回答已采纳
2回答
D3 v4中的可缩放树状图
javascript、d3.js、treemap
我试图在D3 v4中的树状图中添加缩放行为，根据这些例子：和。它是用HTML元素构建的，而不是SVG，我通过使用百分比而不是像素单元来响应它。到目前为止，它工作得很好，但是现在我想放大到单个的单元格，只需点击一下，直到最后一个孩子已经到达。然后单击将返回到树的根。到目前为止，我的代码如下：function zoom(d) {
c
浏览 1提问于2016-10-25得票数 8
回答已采纳
2回答
从D3.js v3迁移到D3.js v4不工作-这是一个选择问题吗？
javascript、d3.js
我正在尝试将迁移到D3 v3中的D3 v4，但它不起作用。我知道D3拖动行为现在只是我更改过的d3.drag()，但是当尝试运行它时，它在第53行出现了一个错误：Chrome说：
如何更改这个JSFiddle，使其在D3 v4</em
浏览 3提问于2016-08-20得票数 1
回答已采纳
1回答
d3.js每片偏移起始角的多级饼形图
javascript、d3.js
我这里有个饼图，
注意派中第二片的角度和偏移量？如何实现这一点？} ] ] }]是派图正确的方法
浏览 1提问于2020-02-26得票数 1
回答已采纳
1回答
手动变焦d3误差
javascript、d3.js、svg
我用的是d3 v4。 // Zoom Components .scaleExtent([1, dayDiff*12])[width, height]]) .on(&qu
浏览 4提问于2016-12-01得票数 1
回答已采纳
1回答
在D3可缩放的sunburst中，如何只显示一个级别的孩子
javascript、d3.js、sunburst-diagram
我怎么能在可缩放的日出中只显示一个级别的孩子呢？我想象一个具有可缩放的日出的分类法。通过只显示一个级别，它看起来不会那么复杂。这就是我要找的。缩放，单击子对象，应该会显示下一个级别的子对象。我可以通过拆分数据并将每个节点单独加载到d3中来做到这一点，但是在d3中有没有一种方法可以使用完整的数据集来实现这一点呢？
浏览 0提问于2016-08-30得票数 1
4回答
AngularJS中的可缩放网络图
web-apps、javascript、graphs
图中将有10-1000个节点.这些节点将是包含每个句子的矩形文本节点。我希望这个图表是可缩放和泛化的。然而，乔木似乎不支持可缩放的行为，它似乎没有良好的支持。例如，单节点错误仍未解决。
D3有一个可缩放的力布局演示，很多地方都有使用有角d3的信息。D3得到了很好的支持，但它似乎比下面的选项低。例如，创建一种具有
浏览 0提问于2014-06-27得票数 8
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
