使用 Angular 選擇 d3JS 與使用 jQuery 的 d3JS

Question

我想用 d3JS 庫和 Jquery 開發圖表。 但是我看到了一些關於在 Angular 中使用 d3JS 的文章/帖子。 我也熟悉 Angular 編碼。 與使用 d3JS 和 jQuery 相比，第一次看它對我來說似乎是一個復雜的過程。 那么選擇其中一種方法有什么好處。 以及在哪種情況下選擇哪種方法是合適的。

謝謝您的幫助。

Answer 1

Angular 的 d3.js 實現提供了你想要的指令和預期的綁定。 有關更全面的討論，請參閱本文... http://www.ng-newsletter.com/posts/d3-on-angular.html

jQuery 提供了使用事件等與圖表庫集成的正常方法 - 例如，在 angular 中，您可以使用手表

希望這提供了初步的見解

Answer 2

你的問題很主觀。 但我會盡力回答。

AngularJs 是一個流行的客戶端 MVC 庫。 它以指令的形式為 D3.js 提供了一些非常好的綁定。 然而，既然你似乎是新手，你應該知道 AngularJS 有一個相當不錯的學習曲線。 AngularJS 團隊也一直在忙於 AngularJS 2.0。 這個版本不會是一個復雜的重大更新，而是整個框架的重寫，將包括重大更改！ 然而，Angular js 擁有強大的社區，應該會在不久的將來提供支持。 框架各有優缺點。

我建議如果你的項目是一個復雜的單頁應用程序，有很多輸入參數可能會改變視圖（呈現的 html），那么你絕對應該選擇一些客戶端框架，比如 AngularJs。 您還可以探索其他框架，如 ReactJs 來構建您的 UI。 ReactJs 相對較新，但在社區中獲得了很多支持。

如果您決定不使用框架，請查看 c3.js，它是一個基於 d3.js 的圖表庫。 如果您想使用簡單的圖表進行數據可視化，C3.js 將使您的工作更加輕松。

最終選擇使用或不使用框架很大程度上取決於您的用例。

Answer 3

我不知道它是否會有所幫助：我們正在使用一個非常復雜的庫，稱為 sigma.js 以及 jquery 和 angular。 並且當僅處理自身在 sigma 庫中定義的事件，而不必根據用戶輸入在 DOM 中更改數據時，與通過外科手術有效地與 DOM 交互的 jquery 相比，angular 不是必需的。 但是當DOM中有相當多的數據需要處理時，刷新更新，angular會整齊地存儲模型數據。 我們的規則是：事件是否來自 sigma 庫並且沒有數據模型更改？ ==> jquery。 最后一件事是有時指令的順序與它們在頁面中實際加載的順序不對應，這在初始化時產生了一些問題，即尋找實際上尚未加載的 DOM...