使用下面的d3 js代码绘制比例，但不能计算出如何在缩放时将x轴日期转换为小时，试图实现x轴日期在放大和缩小时转换为小时，然后再放大和缩小。
<!DOCTYPE html>
<meta charset="utf-8">
<style> /* set the CSS */
body { font: 12px Arial;}
path {
stroke: steelblue;
stroke-width: 2;
fill: none;
}
.axis path,
.axis line {
fill: none
浏览 18提问于2017-07-03得票数 0
目前，我正在尝试实现数据可视化的缩放功能。有时，当我试图缩放或移动svg元素时，会出现"d3.min.js:1 Uncaught : t.apply不是函数“的错误。它看起来像是d3库中的内部错误。
var height = $("#content").height();
var width = $("#content").width();
var svg = d3.select("#content").append("svg")
.attr("width", width)
浏览 3提问于2016-07-13得票数 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
回答已采纳
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强制布局，并希望根据屏幕分辨率设置初始缩放级别。我使用带有静态jQuery标度值的在页面上实现了它，它工作得很好，但是当我放大它时，它会直接放大到默认的缩放。
下面是代码：
var svg = d3.select("#grapharea")
.append("svg:svg")
.attr("width", width)
.attr("height", height)
.call(d3.behavior.zoom().scaleExtent([0.2, 3]).on("zoom", red
浏览 2提问于2015-04-15得票数 2
回答已采纳
D3.js已经更新了，我不知道如何将这些旧代码更改为新版本。谢谢。
下面是代码。
function renderAxes(svg) {
var axesG = svg.append("g")
.attr("class", "axes");
var xAxis = d3.svg.axis()
.scale(_x.range([0, quadrantWidth()]))
.ori
浏览 0提问于2017-08-18得票数 0
2回答
我正在做svg项目，我使用d3.js来获得更好的ui，在我的图表中添加了缩放功能，但奇怪的是，它的缩放不能在Google中工作。
svg.call(d3.behavior.zoom().scaleExtent([1, 8]).on("zoom", zoom));
function zoom() {
svg.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
}
另外，我还想防止节点
浏览 6提问于2013-11-29得票数 6
回答已采纳
1回答
在加载时，我在d3.js中使用力定向布局来定位节点和边。然后我可以缩放和平移svg。当我放大时，我想要检测哪些节点和边是可见的，这样我就可以只为可见的节点和边实现附加数据的延迟加载。
有人知道获取(部分)可见元素的最好方法是什么吗？
代码如下(只是将一些示例粘贴在一起)：
var svg = d3.select("#chart")
.append("svg")
.attr("width", width)
.attr("height", height)
.attr("pointer-events",
浏览 3提问于2012-11-18得票数 5
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
回答已采纳
我正在尝试在google datastudio中设置散点图，而传统的d3.js在google data studio可视化js文件中不起作用。我已经能够加载圆，但是我正在努力使用d3.js代码在比例上绘制圆。 如何使用下面的d3.js代码在google data studio中工作 xScale = d3.scale.linear().range([0, width]),
xAxis = d3.svg.axis().scale(xScale).orient("bottom"); 我已经能够使用下面的代码获得数据并绘制圆圈，但是缺少比例和轴。 /// create a titl
浏览 22提问于2019-05-14得票数 0
1回答
我使用D3.js绘制一个可折叠的树形图，如中的那样。它工作得很好，但是当它进入它的正常函数时，它的大小可能会发生巨大的变化(也就是说，不是我现在拥有的几个节点，而是更多的节点)。
我想做SVG区域滚动，我已经尝试了我在网上找到的一切，使它工作，但没有成功。我得到的最好的工作是使用d3.behaviour.drag，在其中我拖动整个图表。它远不是最优的，也有很多小故障，但是它是可以使用的。
即使如此，我仍试图清理它一点，我意识到d3.behaviour.zoom也可以用来平移SVG区域，根据API文档。
问题：有人能解释如何使它适应我的代码吗？
我希望能够用图表平移SVG区域，如果可能的话，使它
浏览 7提问于2013-07-01得票数 17
回答已采纳
1回答
我使用d3.js变焦功能放大svg中的图像。我用一个面具来揭示下面的一个潜在的图像。如果我不缩放，面具和鼠标光标坐标完全匹配。但是，当我开始缩放时，鼠标坐标没有转换到缩放级别，因此地图显示不再与光标排列。
这里是我使用的，所以，far...Im，假设需要某种形式的坐标转换，当缩放？
var lightMap = d3.select("#lightMap").call(d3.behavior.zoom().scaleExtent([1, 3]).on("zoom", zoom));
var darkMap = d3.select("#darkMap&#
浏览 1提问于2015-04-21得票数 4
我在svg上实现d3.js缩放行为，在相同的svg上，我还需要捕获鼠标坐标，这样我就可以设置跟随鼠标光标位置的工具提示的位置。
问题是我的“mousemove”事件覆盖了d3.js的缩放行为。随着'mousemove‘事件的添加，缩放行为停止工作。
这要么是我有‘摩丝表情’事件，要么是‘变焦’事件，但不是两者都有。有什么好办法避开这件事吗？谢谢。
// bind zoom behavior
selection_svg.call(
d3.behavior.zoom()
.translate([0, 0])
.scale(1)
浏览 0提问于2016-09-04得票数 0
回答已采纳
1回答
我有一个d3.js静态力布局图，它可能会变得相当大(有时它的一部分会被裁剪)，所以我想让用户通过拖动来平移整个图。我认为我不需要拖动单个节点，我有一种感觉，这会让人感到困惑，但我希望能够显示被svg边界裁剪的图形部分。
我在上有一个最小的例子，它使用
visF.append("rect")
.attr("class", "background")
.attr("width", width)
.attr("height", height)
.call(d3.behavior.zoom().on("zo
浏览 2提问于2012-10-01得票数 9
回答已采纳
1回答
平移传单地图时d3 SVG被切断
、、、、
我正在使用d3.js将视觉效果添加到传单地图上。
d3在地图上显示得很好。但是当我缩放地图，然后平移地图时，SVG就被切断了。
我将SVG的宽度和高度设置为窗口的宽度和高度，如下所示：
svg.attr("width", window.innerWidth);
svg.attr("height", window.innerHeight);
当我在地图周围平移时，SVG停留在与最初相同的位置。
以下是该问题的代码的链接：
要重新创建问题，请放大地图，然后平移地图。
我是不是遗漏了什么基本的东西？
浏览 0提问于2015-06-12得票数 1
Im目前正面临d3.js缩放级别的问题
借助这个函数，我得到了<g className ="_zoomElement">元素的维数。
const g = select("._zoomElement")
console.log(g.node().getBBox())
我想根据svg尺寸将组元素放入svg画布中，只需单击一个按钮，我就可以得到svg画布的宽度和高度尺寸。
解释图像
我不知道如何用维数来求尺度值。
我以为是这样的
如果父元素dimetions类似于这个width = 1000px height = 500px
我将从这
浏览 10提问于2022-09-06得票数 0
2回答
我试图使我的SVG在d3.js (第4版)中可缩放。
你可以在这里看到我的尝试：
<svg id="mySVG" width="800px" height="600px" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: lightgrey;">
<g>
<path d="M 0 0 L 100 0 L 100 20 L 0 20 Z" fill="red"></
浏览 0提问于2016-08-04得票数 1
回答已采纳
我是D3的新手，目前正在尝试在我的绘图中创建缩放功能。我能够让缩放选项工作，但并不完全是我想要的那样。我只想要水平方向(x轴)的缩放行为，而不是y轴的缩放行为。我还想在我的水平(x轴)方向上编码平移。我还试图在不禁用平移的情况下将其铰链到x轴上。我已经尝试了几种方法，但都不能做到。
任何帮助/提示都是很棒的
JSFIDDLE链接：
代码：
var data = [{
"mytime": "2015-12-01T23:10:00.000Z",
"value": 64
}, {
"mytime": "2015-12
浏览 4提问于2016-08-15得票数 0
1回答
使用D3 v4，SVG，以及mousemove上的缩放行为，我想在SVG的协调系统中显示鼠标协调。
mousemove事件似乎只提供客户/屏幕协调。
如何将这些协调器转换为SVG坐标，以反映当前的zooom/pan/etc转换？
我可以看到使用axis/scales/etc的例子，但我没有创建图形，也没有使用axis/etc- -我使用D3.js作为交互关系图。
我尝试过crateSVGPoint/getScreenCTM方法，但是(a)并不真正理解它，因此不确定如何将它应用到我的代码中；(b)当我缩放/平移时，它似乎无法工作--我只是得到客户机/屏幕的协调。下面是mousemove事件中转换
浏览 0提问于2018-05-08得票数 4
回答已采纳
3回答
我想你们中许多使用过D3.js的人已经经历过同样的事情:你的网络或任何你使用的可移动元素，如果它们被推到了极点，就会不断飞出svg元素。如果我的网络太大，外部节点就消失了，它们就像是“世界边缘的坠落”。
我很高兴有一种方法可以让svg的边框变成实心的“墙”，这样元素就不会离开它，在空间中隐形飞行:)
你对这个问题做了什么？你是怎么解决这个问题的？
提前谢谢你，大卫
浏览 0提问于2012-11-21得票数 13
回答已采纳
1回答
我有一个钻取世界地图(大陆地图+乡村地图)，其中第二个地图(国家地图)是通过使用fitExtent函数放大加载的。因为它是缩放的，所以我想实现一个可拖动的功能，在这里我可以拖动地图并查看地图的其他部分。
//My svg tag
<svg id="mapSVG" width="560"; height="350"></svg>
let zoomControl = function (event) {
svg.selectAll("path")
.attr("transfor
浏览 5提问于2021-06-11得票数 1
回答已采纳
我用D3.js在ObservableHQ.com中制作了一个简单的缩放和潘笔记本，我有两个问题：
如果curson在黑色方块上(即SVG)，它就不会再点击和拖动了！如何在任何时候都允许拖动？
如何禁用缩放功能时，鼠标滚动，并保持摇摄？
非常感谢!
我尝试过不同的代码，但是我发现的简单代码不像我想的那样。
浏览 12提问于2022-11-15得票数 0
1回答
据我所知，d3.js主要用于SVG，而不是HTML5 5的画布。SVG和Canvas的优缺点是明确的，并且已经讨论过了。现在，我发现可以在d3.js中使用画布，也可以与SVG结合使用。主要原因应该是为大型数据集获得更好的性能(就像cubism.js用于实时数据可视化一样)。我的问题是:当我在SVG上使用画布来获得更好的性能时，我仍然有可能进行交互吗？我知道画布本身允许操作，但它比SVG更难实现。所以，当我使用D3.jsCanvas方法时，我可以维护SVG的交互吗？
浏览 4提问于2014-03-13得票数 1
回答已采纳
1回答
D3可以更改投影
、、、、
我正在为一个项目使用D3.js，我想知道在改变缩放时是否可以改变SVG对象的投影？我想在这个场景中使用它:我使用名为d3.geo.albersUsa()的投影，当我在对象上进行缩放时，我想要更改为d3.geo.azimuthal()。
浏览 1提问于2012-06-10得票数 0
回答已采纳
1回答
我试图使用带有d3.js和缩放行为的。下面的代码创建一个矩形，然后由矩形裁剪区域进行裁剪。
<svg class="chart"></svg>
<script>
var width = 800;
var height = 600;
var svg = d3.select(".chart")
.attr("width", width)
.attr("height", height)
.append("g");
var clip
浏览 4提问于2014-08-05得票数 5
回答已采纳
虽然我有一个JS小提琴，但它不工作在小提琴。
<body>
<script src="d3.js" charset="utf-8"></script>
<div id="graph"></div>
<div id="UI">
</div>
</body>
<script>
function center() {
var theGraph
浏览 0提问于2014-03-15得票数 1
回答已采纳
1回答
我有一个d3.js动画，它在除资源管理器之外的所有其他浏览器上都能出色地工作。所期望的效果是，当它生长和收缩时，它被居中，然后再无限地循环。我做了个小提琴。问题是动画离开了屏幕，失去了它在屏幕中间的中心点。
在比较了IE11和Chrome中DOM中的svg之后，我发现IE11中的scale()只有一个值"scale(x)“，而不是两个"scale(x，y)”。我相信这只是少数问题之一。
var duration = 5000;
var start = 50,
startScale = 1,
endScale = 10,
startTranslate = 225,
endTra
浏览 2提问于2014-05-28得票数 3
回答已采纳
2回答
我正在尝试实现以下示例
对于大型图形，我只想让图形不被切断，允许滚动，一旦用户将其拖出当前的边框。
我试着向svg元素中添加溢出:滚动属性，但这似乎不起作用。我是这个javascript/d3.js编程的新手，如果有人能指出错误或者引导我朝正确的方向前进，我会很高兴的。
浏览 4提问于2013-08-03得票数 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 v4中，d3.transform方法已经被移除，没有任何关于如何替换它的提示。有人知道如何替换下面的D3.js v3指令吗？
d3.transform(String).translate;
浏览 68提问于2016-07-06得票数 38
回答已采纳
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
回答已采纳
我将HTML文本和包含文本的SVG文档作为外部对象包含在内。我希望HTML文本的大小与SVG文档中的文本大小保持一致。 <!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>getComputedStyle</title>
</
浏览 37提问于2019-03-16得票数 0
2回答
我正在尝试写一个程序，在Adobe Illustrator中创建的两个形状之间使用javascript步进。我可以通过将图形导出为SVG然后使用Raphael.js来实现：
然而，两个形状之间的插值看起来相当糟糕。我从 那里了解到，最好使用使用b样条曲线的算法进行插值，并在适当的地方添加或减去顶点，我假设拉斐尔使用的SVG标准不这样做。我想知道是否有可能用d3.js来实现这一点，因为我注意到它的SVG文档中有插值选项，而"basis“似乎使用了b样条。我的jsfiddle可以通过适当的插值在d3中完成吗？
或者，有没有更好的方法来解决这个问题呢？我使用SVG可能走错了路，因为生成的路
浏览 4提问于2012-08-09得票数 3
1回答
d3js缩放圆群
、、、
我是第一次尝试d3.js变焦行为，我很难让它发挥作用。我的要求是在svg元素中进行缩放，在svg元素中应该禁用浏览器的缩放行为，并且只有svg中的圆圈在放大/退出时应该增加/缩小其半径。
总之，当用户滚动鼠标的svg宽度时，高度不应改变。只是圆圈应该改变半径。
这就是我现在所拥有的，有人能帮我填一下吗？
<g>
<circle id='top' cx="180" cy="120" r="30" style="stroke: white; stroke-width: 2px; fill:whit
浏览 3提问于2015-11-24得票数 0
回答已采纳
1回答
djvanderlaan的d3.js 首先在SVG区域的中心定义了一个"sun“圈：
svg.append("circle").attr("r", 20).attr("cx", w/2)
.attr("cy", h/2).attr("class", "sun")
然后定义了围绕太阳的两个轨道(为了清晰起见，代码稍微重新排列)：
var planets = [
{ R: 300, r: 5, speed: 5, phi0: 90},
{ R: 150, r: 10, spee
浏览 0提问于2014-09-23得票数 0
回答已采纳
我可以使用d3.js成功地显示openlayers底图上的一些点，但是我想实际显示图标(目前是maki png图标)而不是svg点。
可以使用d3.js将png/jpg/svg图像加载到地图中吗？
到目前为止，我可以将图标直接加载到svg上，但是所有的标记都位于同一位置，所以我认为我在正确转换坐标时遇到了问题。
var feature = svg.selectAll("path")
.data(amenities.features)
.enter()
.append("svg:image")
浏览 3提问于2014-05-23得票数 4
我是d3.js的新手。我已经用一些数据和图表制作了多线图，并具有缩放功能，效果很好。现在我想要在底线下面的区域加阴影，我使用了下面的代码：
var area = d3.svg.area()
.x(function(d) { return x(d.x); })
.y0(height)
.y1(function(d) { return y(d.y); });
svg.append("path")
.datum(dataBelowLine)
.attr("class", "areaAbove")
.at
浏览 7提问于2016-07-27得票数 2
1回答
d3js缩放内联服务器
、、、
我正在尝试应用D3js缩放到内联SVG。但不知何故，它并不想像预期的那样工作。到目前为止，我在web上找到的任何东西都只使用D3，当使用它自己的逻辑创建svg，然后对其进行操作时，它工作得很好。所以我在这个链接上找到了一个很好的例子：
我想得到同样的效果，但内联SVG。因此，按照上面链接的示例，我创建了下面的代码，它重现了我的问题。仅当鼠标悬停在图元上时，缩放才起作用。然后，当缩小并尝试平移时，圆圈离开了图片，无法返回。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript&
浏览 0提问于2018-03-19得票数 0
我正在绘制一个由D3.js创建的地图。我想出了如何通过跟随来缩放地图和添加标签。然而，在我放大地图后，我不知道如何重新计算标签的坐标。
我不太明白projection(data.geometry.coordinates)是如何工作的。看起来，projection()将根据当前的svg重新创建一对新的坐标，并以某种方式自动为您放置标签。因此，我试图在projection()函数中再次运行clicked()，但它不起作用。
下面是我正在开发的，我使用的是d3版本4，而不是3。
浏览 3提问于2017-11-14得票数 0
回答已采纳
1回答
我对d3.js非常陌生，所以如果这是个愚蠢的问题，我很抱歉。
在遍历geojson FeatureCollection列表时，我希望更改每个项上的投影。这个是可能的吗？
我的代码如下所示：
var width = 200,
var height = 200;
var svg = d3.select('#content g.map')
.append("svg")
.attr("width", width)
.attr("height", height);
v
浏览 9提问于2022-09-05得票数 1
回答已采纳
我使用d3.js创建了一个具有缩放和画笔功能的多行图形。所有功能都正常工作，除非我刷新浏览器选项卡，我在图形中完成的缩放/画笔被重置，图形显示在它的初始状态。我是否可以使用任何d3.js函数记录缩放/画笔的位置，每当我刷新浏览器页面时，我就可以看到它最后一次缩放/刷过的状态。附加我用于缩放和画笔的代码片段。
const brush = d3.brushX()
.extent([[0, 0], [this.width, this.height2]])
.on("brush end", () => {
if (d3.even
浏览 0提问于2019-07-11得票数 4
回答已采纳
1回答
我正在尝试用D3.js实现一个初始缩放的缩放和画笔图表。初始缩放只覆盖了大约10%的可刷范围-这是正常工作的。当我第一次缩放图表时，缩放不会考虑初始状态。
这是最初的图表：
在第一次缩放之后：
这是一个，以及相关的代码：
svg.append("rect")
.attr("class", "zoom")
.attr("width", width)
.attr("height", height)
.attr("transform",
浏览 2提问于2019-07-23得票数 3
1回答
我正在构建一个d3.js条形图，它将允许我在x轴上滚动，方法是将具有固定宽度和高度的svg元素包装在具有溢出属性的较小div中。这种可视化是在一个处理数据并提供javascript代码编辑器来创建可视化的平台上构建的。发布代码后，条形图将呈现在html div元素中。
呈现条形图的页面有一个默认的缩放事件，该事件在您使用鼠标滚轮时触发。因为我想使用鼠标滚轮在我的条形图中滚动，所以我试图通过在代码中包含以下语句来停止默认的缩放操作：
$(vizhtmlelement).mousewheel(function() {
return false;
});
这可以成功地删除缩放功能，但也会阻止
浏览 3提问于2013-10-26得票数 0
我对D3.js很陌生。我坚持以下几个概念：
我找不到在D3.js V4中这样做的例子，我也不知道如何导航。
为了限制超过零，，我想使用缩放的最小值为零。我不知道如何在散点图中做到这一点。
以避免缩放点接触y和z轴。我希望当这些点接触到轴线区域时会褪色或消失。
这是我的密码
var margin = {top: 20, right: 20, bottom: 30, left: 40},
width = 750 - margin.left - margin.right,
height = 500 - margin.top - margin.b
浏览 2提问于2019-02-22得票数 1
回答已采纳
我是d3.js的初学者，正在尝试用datetime x轴绘制柱状图。谁能帮我清除这段代码中的错误。提前感谢您的回复。
var data = [{
"time": "01:00:00",
"total": 1
}, {
"time": "01:05:30",
"total": 2
}, {
浏览 0提问于2016-06-17得票数 2
1回答
我正在尝试为D3.js实现Semantic和Pan示例的一个版本，找到了。我正在尝试使用Dendrogram / tree (例如)来实现这一点，这是Mike ()推荐的。目标就像这个jsFiddle，就是其他线程之一的，除非没有奇怪的节点/路径断开行为。我个人的尝试是定位。
我在Mike的代码中遇到了一个错误，关于“无法翻译(NaN，NaN)"，所以我将缩放函数中的代码更改为如下所示。不过，这种行为很奇怪。现在，我的路径不会缩放/移动，2)我只能从右下角-左上角移动节点(如果我尝试从左下角-右上移动，节点仍然沿着LR-UL方向移动)。
var vis = d3.select("
浏览 2提问于2013-02-02得票数 0
回答已采纳
我在一页纸上有一张重复的图片。
如果我手动添加它(通过d3.js)，图像是清晰的，但是如果我使用图像作为填充模式，它是模糊的。
这个问题在最新的IE，FF和Chrome上是一致的。
是否有一种方法可以使我的填充模式看起来与手动添加图像时相同？
JS是，代码包括在下面。
SVG代码：
<svg>
<defs>
<symbol id="rack">
<rect height="50" width="50" rx="5" ry="5&#
浏览 1提问于2015-03-16得票数 0
回答已采纳
1回答
如果这看起来像是一个重复的D3问题，请道歉。我花了两天的时间试图弄清楚如何做到这一点。
我正在尝试创建一个多线图，其中x轴作为序数标度，y轴作为正常的线性标度。
从外部JSON加载数据：
[
{
"arbeitsgang":"A1",
"y":5,
"z":4
},
{
"arbeitsgang":"A2",
"y":6,
"z":11
},
{
"arbeitsgang"
浏览 1提问于2015-07-17得票数 0
我现在在做D3.js。这是为我的svg标记注册缩放监听器的代码
var zoomListener = d3.behavior.zoom().scaleExtent([0.1, 3]).on("zoom", zoom);
function zoom() {
vis.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
}
svg.call(zoomListener)
现在，当我在svg元素上
浏览 7提问于2014-03-10得票数 5
回答已采纳
1回答
我试着用d3.js树状地图做一个菜单。它主要起作用，但我有一些小故障，我找不到。
基本上，有时我的图表不能正确缩放，他们没有看到孩子们占据整个SVG区域，而是出现了“未缩放”。
我怀疑这一定与动画的定时和隐藏/显示不同节点的一些数据操作有关，但实际上无法弄清楚。另一件我认为可能是隐藏行为的事情涉及到由“父节点”和“子节点”注册的单击事件。
我在中有一个类似的示例设置。
因此，我想知道如何在缩放的父/子节点中注册/注销单击事件--如果这甚至是问题所在--以及是否有一种更简单或更少错误的方式来更改节点的可见性。
欢迎任何帮助！
浏览 2提问于2016-04-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
