2015-09-14 83 views
-10

我想用jquery開發帶有d3JS庫的圖表。但是我看到了一些關於在Angular中使用d3JS的文章/文章。我也很熟悉Angular編碼。與使用d3JS & jQuery相比,首次查看它看起來很複雜。那麼選擇其中一種方法有什麼好處。哪種方法適合選擇哪種情況。用jQuery選擇d3JS與Angular vs d3JS

感謝您的幫助。

+3

燦不會爲其他選民說話,但這個問題看起來很開放。也許如果你可以指定爲什麼你很難選擇一個或另一個,更多關於你想要做什麼?你會在什麼情況下使用這些圖表?爲什麼你需要用「jQuery或Angular」來開發它們? –

+0

國際海事組織,你不應該擔心與'd3'一起使用'angular'或'jQuery'。它是一個基於獨立數據的獨立JS庫,並且具有其他js框架的無依賴**。它有自己的[豐富的API](https://github.com/mbostock/d3/wiki/API-Reference),它幾乎可以與所有的東西一起玩。它也取決於您的應用程序設計。 'D3'會和他們中的任何一個表現出色,但是你真的不用擔心這一點。 – Rohit416

回答

2

角的d3.js實現提供指令和預期結合,你會想。對於更詳細的討論請參閱本文... http://www.ng-newsletter.com/posts/d3-on-angular.html

jQuery提供使用事件與圖表庫集成等的正常做法 - 在角您可能會改用手錶,例如

希望這會提供初步瞭解

+1

真棒鏈接你提供的。謝謝。 – Giuseppe

+0

另請參閱https://www.dashingd3js.com/d3-resources/d3-and-angular – Verhagen

2

你的問題是非常主觀的。但我會試着回答。

AngularJs是一個流行的客戶端MVC庫。它以指令的形式對D3.js有一些很好的綁定。然而,由於你看起來很新,你應該知道AngularJS有一個相當不錯的學習曲線。另外AngularJS團隊一直忙於AngularJS 2.0的開發工作。這個版本不會是一個複雜的重大更新,而是整個框架的重寫,並將包括重大更改!然而Angular js擁有強大的社區,應該在不久的將來提供支持。框架有它們自己的優點和缺點。

如果你的項目有很多,可能更改視圖(渲染HTML)的輸入參數,一個複雜的網頁應用程序,我建議,那麼你絕對應該去像AngularJs一些客戶端框架。您也可以探索其他框架,如ReactJs來構建您的用戶界面。 ReactJs相對較新,但在社區中獲得了很多支持。

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

在使用或不使用框架的選擇在很大程度上取決於你的使用情況下結束。

1

我不知道這是否會有所幫助:我們使用的是非常複雜的庫調用sigma.js和兩個jQuery和角度。當只處理在sigma庫中自己定義的事件,而不一定基於用戶輸入在DOM中進行數據更改時,與jquery相比,angular並不是必需的,而jquery通過手術和高效與DOM進行交互。但是,當DOM中有相當多的數據需要處理時,刷新更新,angular會整齊地存儲模型數據。我們的規則是:是來自sigma庫的事件,還是沒有數據模型改變? ==> jquery。的最後一件事是,有時指令的順序不對應於創造了在初始化的幾個問題,即尋找它實際上還沒有加載DOM它們在頁面實際加載的順序,...