1回答
在简单的react应用程序中，我有以下组件结构 <Navbar /> <Footer />Navbar有固定高度80 has图是一个d3包装器div，包含带有图元素的SVG。如何在调整大小事件时更新包含d3包装器/SVG的react组
浏览 3提问于2017-11-02得票数 1
回答已采纳
在Ember2.0中，修改组件的didInsertElement钩子中的属性是不可取的。下面的场景在试图集成其他第三方库(在本例中为d3 )时暴露了一个问题。我有一个成员组件，包装了一个d3可视化，作为tagName: svg。有两个属性从父组件传递到这个组件，即width和height。在d3组件中有关于这两个属性的观察者来更新可视化，使其响应窗口大小的变化。
这个问题出现在父组件</em
浏览 0提问于2015-08-21得票数 1
回答已采纳
1回答
我正在用Angular 4和D3创建一个应用程序。当我从一个组件内部通过将组件注入另一个组件来创建一个svg组件时，它会显示该组件，但调整大小和移动功能不起作用(甚至在悬停时也不会显示调整大小和移动光标)。如果我使用相同的组件，并导航到具有路由、调整大小和移动功能的组件。知道为什么吗。
下面是我使用的组件。im
浏览 12提问于2018-08-19得票数 8
2回答
我有一个包含三个D3 JS v3图和一些表格数据的报告页面。当窗口最大化时，页面看起来很棒，但是当用户调整浏览器窗口的大小时，它的行为就会很奇怪，即每一个情节都会溢出包含的div等等。经过一番研究，我发现我只需要为每一个地块设置根svg的viewBox属性。height = 370 - margin.top - margin.bottom; .append("svg但是，
浏览 0提问于2017-05-04得票数 0
回答已采纳
2回答
我使用以下代码来使我的条形图响应： var targetWidth = parseInt( d3.select( '#chart' ).style( 'width' ), 10); chart.attr( 'height', targetWidth / aspect );这只适用于图形的一部分。我怎样才能让整个图都响应呢？任何帮
浏览 1提问于2014-10-24得票数 0
我正在使用d3库来创建一个svg图形。我遇到的问题是当我调整窗口大小时。整个图形都会调整大小，这意味着文本(图例和轴)的大小也会调整到不可读的程度。我需要它在调整大小时保持相同的大小。it remain at a local position
var
浏览 1提问于2015-08-24得票数 1
1回答
是否可以通过d3从svg中检索数据？
我有以下场景:在调整页面大小时，我需要更新通过d3在服务器上生成的svg的宽度。以x轴为例。但是，客户端d3库并不了解svg。
浏览 4提问于2014-04-14得票数 1
1回答
我正在努力理解如何让这个图具有响应能力。问题是我有一些节点宽度固定的坐标，当浏览器宽度改变时，我不确定如何处理这些(我猜是使用css translate?)。
浏览 1提问于2015-10-17得票数 0
1回答
我目前正在使用Range2，primeNG和D3来创建一个特定的应用程序。
对于这个应用程序，我需要一个primeNG dataTable和一个D3可视化并行放置。HTML结构如下所示，primeNG的ui-g类处理高度调整，而ui-g-XX类的行为类似于引导的网格系统。在我的浏览器中，我可以看到和svg元素是正确对齐的.但是，d3可视化没有正确呈现，基本上是在更新高度之前使用“旧”高度值(默认svg高度150 d3)绘制的(红色大纲显示最终的svg<
浏览 7提问于2017-05-22得票数 0
回答已采纳
我有一个，我试图使我的SVG100%的宽度和高度的屏幕。$scope.height = firstElement.clientHeight; $scope.svg.attrwindow.onresize = function(event){ } $scope.svg= report.append("svg
浏览 1提问于2016-01-14得票数 1
1回答
我有一个D3的圆形包装布局在一个引导手风琴(其中所有的标签是在加载展开)。我曾尝试使用以下方法，以便作出回应的布局： .attr("width".attr('viewBox', '0 0 ' + w + ' ' + h)
.attr('preserveAs
浏览 1提问于2014-04-21得票数 1
回答已采纳
1回答
我面临的问题是，我的图形超出了指定的SVG，并且正在被切断。我尝试使用overflow:auto/overflow:scroll属性设置我的graph-div的样式，但似乎不起作用
有没有什么不同的方法可以动态调整SVG的大小，这样我就可以向下滚动页面来查看完整的内容
浏览 0提问于2014-04-06得票数 1
1回答
我使用D3绘制一个带有边框的自定义图形。在调整窗口大小时，我重新计算SVG大小并重新绘制此边框。我目前正在一个drawGraph()函数中执行此操作，该函数在调整大小/新数据时被调用：svg.selectAll('rect') .attr(也就是说，-我将数组([true])中的单个值绑定到所选内容，以便可以绘制框，或者在已经绘制一次的情况下更改其大小</e
浏览 2提问于2017-03-07得票数 1
回答已采纳
2回答
我有一个演示该图表在调整窗口大小时调整大小，使用发生调整大小时捕获的窗口的宽度重新调整图表。bar-opacity').remove()
this.drawUpdate(this.data);当页面第一次加载时，我没有宽度，因为这是在调整窗口大小时发生的当页面加载时，svg没有宽度。
当页面第一次加载
浏览 3提问于2019-04-25得票数 1
回答已采纳
1回答
按比例禁用SVG自动标度
、、、、
我使用$(window).resize()事件来调整我用D3生成的SVG图表的大小。我计算父元素的宽度，并设置SVG元素宽度等于它，并且始终保持高度不变，因此图表在宽度上发生变化，但在高度上保持不变。我注意到SVG元素的实际大小与在width和height属性中设置的不一样。这使得一些内容隐藏在底部，如果屏幕是宽的，并显示它如果屏幕是狭窄的。
如何使SVG与我在属性中设置的大小相同以使比例精确？更新:在任何SVG映像
浏览 2提问于2014-09-04得票数 1
2回答
但是，当我在d3组件中手动更改svg大小时，网格中的子组件会溢出我为其指定的网格区域，这在较大屏幕大小下是可管理的。但是在笔记本电脑屏幕上，svg的边缘会被切断，因为边缘位于网格视图端口的边界之外。我还向svg添加了属性preserveAspectRatio，但这并不是很有帮助，因为组件的宽度太大了。当屏幕宽度缩小一点时：
如何使d3图在网格中具有响应性？: any;
private
浏览 2提问于2022-01-05得票数 2
1回答
我正在使用d3js构建一个仪表板，它显示主SVG上的一个图形。但是，当没有数据时，我希望SVG不存在，因为它看起来就像一吨空白。我不只是在需要时追加和删除SVG，而是使用某种类型的平滑动画/转换来实现这一点，这样就不会突然创建大型DOM元素，或者看起来就像一个巨大的闪烁。我的一个想法是，也许我可以使用d3转换来更新SVG的大小，但我不确定这是否是最好的方法。不是CSS的属性也消除了使用的可能性。如果d3做不到，还有什么其他技术可以让我达到预期的效果呢？jQue
浏览 2提问于2014-11-07得票数 1
回答已采纳
3回答
我需要我的SVG在一个网页上，以动态调整大小的窗口大小，或有多硬编码宽度和高度。这是怎么做的？我意识到我可以听窗口调整大小用我的调整大小</e
浏览 9提问于2015-06-26得票数 2
回答已采纳
2回答
我一直在试验一个简单的d3 google分析风格的区域图演示。我想把它伸长到它的容器的全部宽度，我已经做到了。然而，这些小圆圈当然也在变形。
浏览 0提问于2013-11-13得票数 2
回答已采纳
g.clientWidth,因此，我可以像这样将我的图与用户的窗口相匹配： .attr("width", x) .append("g");
现在，我希望当用户调整
浏览 221提问于2013-04-29得票数 198
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
