新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
AngularJS2與D3.js集成實現(xiàn)自定義可視化的方法-創(chuàng)新互聯(lián)
本文介紹了ANGULAR2 與 D3.js集成實現(xiàn)自定義可視化的方法,分享給大家,具體如下:
目標(biāo)
- 展現(xiàn)層與邏輯層分離
- 數(shù)據(jù)與可視化組件相分離
- 數(shù)據(jù)與視圖雙向綁定,實時更新
- 代碼結(jié)構(gòu)清晰,易于維護(hù)與修改
基本原理
angular2 的組件生命周期鉤子方法\父子組件交互機制\模板語法
源碼解析
代碼結(jié)構(gòu)很簡單,其中除主頁index.html和main.ts之外的代碼結(jié)構(gòu)如下所示:
代碼結(jié)構(gòu)
app.module.ts
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; //components import { AppComponent } from './app.component'; import { Bubbles } from './bubbles.component'; @NgModule({ declarations: [ AppComponent, Bubbles ], imports: [ BrowserModule, FormsModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
名稱欄目:AngularJS2與D3.js集成實現(xiàn)自定義可視化的方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源:http://fisionsoft.com.cn/article/dejcoo.html