D3js使用缩放,平移强制布局:缩放后拖动过冲

时间:2017-01-03 23:27:50

标签: angular d3.js zoom drag force-layout

我正在使用Angular 2,D3 V4,HTML5 Canvas中的拖动,缩放和平移构建力布局。

我主要使用两个项目作为起点:强制拖动III和拖放。两者都重建为下面的演示项目。

主要问题:在结合上述两个示例的图表上,当放大时,拖动的节点不会跟踪鼠标,而是跟踪(鼠标移动x缩放系数)。平移因子似乎已经调整,但缩放没有。应用d3.transform.applyX或d3.transform.inverseX拧紧平移。救命啊!

复制项目的演示项目位于:https://github.com/patricknee/d3-angular2-force-drag-zoom-pan

次要问题:

1)我似乎没有正确设置TypeScript输入,并且导入时无法识别'd3'。我确实尝试过“npm install d3-v4-typings”。有什么建议吗?

2)我的演示应用是单页应用;有两个视图,每个视图都有一个可拖动力布局的版本。将节点拖动到一个节点会影响第二个节点的位置。 D3模型是单身吗?

谢谢!

0 个答案:

没有答案