腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9203)
视频
沙龙
1
回答
d3
v5
树
的
缩放
、
拖动
和
重置
、
、
我正在使用
d3
版本5进行树布局。我需要添加
缩放
,平移,
拖动
和
重置
树
。attr("transform", "translate("我能够使用鼠标滚轮进行
缩放
我不能用两个手指
缩放
。在
重置
时,它会返回到原始状态。但当我单击任意位置时,<em
浏览 71
提问于2019-12-02
得票数 2
1
回答
d3.js
重置
视口位置
、
、
我使用dagre
和
d3
来显示图形。可以
拖动
和
缩放
图形元素
和
视口。
拖动
/
缩放
视口后,每当我重新绘制图形(或绘制另一个图形)时,视口保持在先前设置
的
位置,但在第一次交互时
重置
(跳到0,0
和
默认
缩放
比)。如何通过函数调用在
d3
中
重置
视口
的
位置?
浏览 5
提问于2013-03-07
得票数 1
回答已采纳
1
回答
D3
径向树状图
缩放
抖动
、
、
我有一个
D3
径向树状图
树
,我已经将它应用于
d3
缩放
,但是当我
拖动
它时,它会感到不安。
缩放
行为本身是好
的
,但
拖动
不是。我认为翻译'g‘元素
的
方式可能有一些问题(width / 2, height / 2 + 20)。这是我
的
树
的
代码箱:
浏览 0
提问于2018-02-24
得票数 0
回答已采纳
1
回答
使用
D3
渲染
的
GeoJson元素在小叶地图上不能正确
缩放
、
、
我正在尝试遵循Mike Bostock
的
指示,将
D3
数据显示在传单:上。我已经正确地实现了代码,并将路易斯安那州海岸线
的
d3
geoJson数据放到了一个单张地图上,但是当地图
缩放
时,geojson图层不能正确
缩放
(我想使用
d3
vs leaflet加载数据,因为我希望能够对数据进行动画处理,这在
d3
中更容易) 我已经得到了核心代码
的
工作,并已设置CSS完全一样,在Bostock
的
例子。return "#0
浏览 0
提问于2019-09-13
得票数 0
1
回答
d3
缩放
-如何设置初始转换
我设置了一个基本
的
树
,如下所示:使用
d3
v5
的
https://codepen.io/MichelWeber/pen/GRJxbZJ。我要做
的
是为
缩放
设置初始
的
平移/变换,这样在平移
树
时它就不会跳跃。首先,我希望将顶部/父树节点居中,但
d3
缩放
将从0,0开始,这会导致跳转。我找不到如何将它设置为除0,0以外
的
值
浏览 69
提问于2020-04-08
得票数 0
1
回答
如何在d3.v5中使用插图构建可
缩放
的
choropleth地图来处理离散数据?
、
对
D3
非常陌生,来自R,但希望开发一些交互式
的
choropleth地图。我想要开发这个可
缩放
的
choropleth:我可以很容易地维护svg,仍然知道如何将连续比例调整为离散比例,但我真的不知道如何在
V5
中构建可
缩放
的
V5
。
浏览 15
提问于2020-03-10
得票数 0
2
回答
D3js:如何清除d3.
缩放
事件设置
的
缩放
比例?
我使用
d3
行为将一个
缩放
事件附加到我
的
SVG上,因此使用鼠标轮,我可以获得一个具有transform
和
scale
的
缩放
事件,然后使用它来设置元素
的
transform属性。似乎zoom.scale值在某个地方是持久化
的
,所以每次使用鼠标轮时,它总是包含正确
的
缩放
值,同时考虑到所有以前
的
缩放
事件。这是很酷
的
,但我需要一个方法来清除这个值,比如说一个复位
缩放</
浏览 6
提问于2013-06-19
得票数 12
回答已采纳
1
回答
当游标位于D3.js中
的
SVG本身时,无法平移svg
、
、
、
我用D3.js在ObservableHQ.com中制作了一个简单
的
缩放
和
潘笔记本,我有两个问题: 我尝试过不同
的
代码,但是我发现
的
简单代码不像我想
的
那样。
浏览 12
提问于2022-11-15
得票数 0
1
回答
如何将完整
的
d3
树
图导出为png或pdf
、
我有一个可
缩放
的
,可
拖动
的
树形图,它有数千个节点在我
的
角度应用程序中使用。我可以从我
的
d3
图下载/导出SVG或SVG
的
任何父div。问题是只有SVG元素可以下载,因为SVG
的
内部元素"g“会溢出,所以这些元素不包含完整
的
树状图。SVG
的
内部组元素"g“大于SVG
的
高度
和
宽度,并且是动态
的
(可
拖动</em
浏览 1
提问于2018-11-13
得票数 3
回答已采纳
1
回答
d3
v6指针函数不调整
缩放
和
转换
我正在将我
的
应用程序从
d3
v5
升级到v6,并且在迁移
d3
鼠标功能时遇到了问题。在我
的
应用程序中,我将转换到顶级svg组,并使用
缩放
功能来
缩放
和平移(
缩放
和
翻译)。现在,我要用
d3
指针替换
d3
鼠标函数。在双击事件中,我通过调用d3.pointer(event)获得鼠标位置。但是,这个函数不会产生一个相对于我
的
顶级svg组定位
和
缩放
的</e
浏览 1
提问于2020-10-03
得票数 11
回答已采纳
2
回答
无法翻译初始d3.
缩放
时没有抓拍
的
缩放
标识
、
、
我用
的
是
D3
V4。我显示
的
树
图本质上是这样
的
:这个似乎最接近我
的
问题,但是当我试图将svg
和
g分开时,拖拽是非常不稳定
的
当我
拖动
时,每个节点都会旋转
和
跳跃。使用下面的
浏览 0
提问于2018-02-12
得票数 0
回答已采纳
1
回答
以角度表示
的
d3js
的
键入错误(最新)
、
、
我注意到当d3js
和
Angular(typescript)一起使用时,它有很多类型错误。更新:使用从
v5
到v6
的
迁移指南后,
缩放
处理程序不会抛出更多错误 const zoom = d3.zoom().on('zoom', ({transform}, d) => { g.attr('transform
浏览 91
提问于2021-02-05
得票数 2
回答已采纳
1
回答
D3
手动
缩放
,如何设置
缩放
的
转换
我需要手动进行转换,因为我知道
d3
变焦,变焦不会听我
的
手动
缩放
,所以手动
缩放
之后,当我使用鼠标
拖动
或鼠标滚动时,
d3
变焦将从
d3
缩放
存储
的
上一个位置(翻译)
和
缩放
值开始事件,这对我
的
地图来说太糟糕了。因此,我需要在手动
缩放
之后设置
缩放
转换
和
缩放
,我可以设置
缩放
比例,但我不知道设置
缩放<
浏览 0
提问于2014-09-11
得票数 8
回答已采纳
1
回答
Angular 4+ D3v4 :
拖动
圆在
缩放
时不能正常工作
、
我正在尝试在Angular 4应用程序中创建一个
D3
力有向图()。我已经创建了一个示例项目,代码可以在这里找到: 要查看它
的
实际效果,请访问:
浏览 0
提问于2017-11-02
得票数 8
1
回答
跟踪d3.跨页面刷新
的
缩放
转换
squaregroup") 为了允许用户在页面周围移动g,我附加了
d3
缩放
。问题 页面重新加载后,squaregroup被转换(见上面的图像),但是d3.event.transform of workspaceDiv被
重置
,这意味着第一次
拖动
(1像素),
重置
转换( 0,
浏览 1
提问于2021-03-14
得票数 0
回答已采纳
1
回答
D3
变焦事件按角度
拖动
触发
、
、
、
Tldr;
拖动
SVG将使其旋转
和
转换. .attr('id', 'unitGroup') .call(this.zoom);
浏览 3
提问于2017-09-26
得票数 4
回答已采纳
1
回答
d3
树
-如何在
缩放
时自动调整节点间距
我有一个具有
缩放
和平移功能
的
d3
树
。对于任何父节点,
树
都可以有大量
的
子节点。这可能会导致垂直挤压节点。 ? 我希望节点在缩小时自动调整它们
的
间距,特别是垂直间距。
d3
代码
的
附加
d3
svg
和
缩放
部分: var svg = d3.select("#tree_container") .attr("
浏览 95
提问于2019-10-15
得票数 4
回答已采纳
1
回答
重置
全
缩放
应将图形设置为cytoscape.js中
的
原始状态
当我
拖动
任何节点到任何位置,并再次
缩放
并使用
重置
按钮
重置
缩放
(i.e.fit to )时,
拖动
的
节点保持在新
的
位置,它只适合图形。是否可以将图形
重置
为原始状态?也就是说,如果我将节点移动到任何位置,那么在
重置
(适应屏幕)之后,它应该出现在其原始状态/位置。我已经使用layout{ name:'cola‘}对图表进行布局。谢谢!
浏览 0
提问于2015-02-04
得票数 0
1
回答
关于
D3
径向
树
的
缩放
嗨,我正在学习
D3
,并且正在学习这个集群径向
树
。我被困在径向
树
的
缩放
和
摇摄特性上。当我试图放大时,
树
会转到窗口
的
(0,0)坐标,而不会停留在窗口
的
中心。我想知道是否有谁在做类似的工作,想要了解一下如何在
缩放
和
摇摄
的
同时将
树
保持在屏幕
的
中心。谢谢
浏览 0
提问于2015-04-16
得票数 1
回答已采纳
1
回答
D3
缩放
、
拖动
不适用于Angular2材料设计
、
、
D3
缩放
、
拖动
不适用于Angular2材料设计。
缩放
、
拖动
事件不会触发。his.setClickOrigin(d3.event); .on('drag', (d, i, n) => { }); 有一个相关
的
问题
浏览 0
提问于2017-10-31
得票数 0
点击加载更多
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
云直播
活动推荐
运营活动
广告
关闭
领券