無法使D3粒子示例正常工作？

Question

我正在看Mike Bostock的D3.js 粒子示例 。

我已經在本地復制並粘貼了代碼，根本沒有做任何更改。 我正在使用SimpleHTTPServer運行代碼，因此在本地運行應該不會有任何安全性問題。

每當我將鼠標懸停在主體上時，在控制台中都會看到以下錯誤：

Uncaught TypeError: Object #<Object> has no method 'mouse' 

有人知道會發生什么嗎？ 誰能在本地工作？

謝謝。

Answer 1

您是否真的復制了整個參考圖書館？ 這可能是域間引用問題。 您是否直接參考了http://mbostock.github.com/d3/d3.js?1.25.0 ？ 可能是，從該域之外無法做到這一點。

Answer 2

有一種方法可以修復代碼，以便您可以在http://d3js.org/d3.v3.min.js上引用最新版本的D3。

您收到的錯誤是由以下行引起的：var m = d3.svg.mouse（this）; 將其更改為var m = d3.mouse（this）; 你應該沒事的

有關從D3 v2到v3的更改，請參閱此處的發行說明： https : //github.com/mbostock/d3/wiki/Upgrading-to-3.0

特別：

“ SVG：別名d3.svg.mouse和d3.svg.touches已被刪除；改用d3.mouse和d3.touches。這些方法是相同的，並且在較早的次要版本中已移動，該版本也增加了對HTML的支持作為SVG元素。”