適用於移動設備的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);