适用于移动设备的D3.js气泡图

Question

我正在使用D3.js构建强制气泡图。 我快完成了，唯一的事情是，当我在移动设备上进行仿真时，气泡的位置没有适应屏幕的大小（我看不到任何气泡）。 当我查看示例时，它似乎可以在手机上正确显示。

D3.js中的代码的哪一部分改变了移动显示？

您可以通过此链接将我的项目可视化（某些事情不像背景图片那样起作用，但是气泡仍然存在。我们在平板电脑和台式机模式下看到了它们，而在手机模式下看不到它们）。 您可以通过以下相同路径访问github页面： https : //rawgit.com/aubertsigouin/canAi/master/index.html

Answer 1

您的svg是否大于屏幕？

您可以根据窗口大小设置svg的大小。

let svg = d3.select('#teck-stack-svg');
svg.attr('width', window.innerWidth);
svg.attr('height', window.innerHeight);