如何在 Angular 2 中实现 D3

我想将这段代码从 d3.js 实现到 Angular 2 组件，但我不知道如何将 js 文件调用到组件 ts 文件中。我找到了一些折线图的代码，包括index.html和lineChart.js。我怎样才能调用javascriptngAfterViewInit or afterViewInit.

图表的示例http://plnkr.co/edit/Jijnm8W4sRzAAsLMTvgV?p=preview http://plnkr.co/edit/Jijnm8W4sRzAAsLMTvgV?p=preview

所以我想在ngAfterViewInit的组件ts中调用它。

这是组件的代码：

import {Component, Directive, ViewChild, ElementRef, Renderer} from               'angular2/core';
import {bootstrap} from 'angular2/platform/browser';

declare var d3: any;
declare var jQuery: any;
@Directive({

})
class H3 {}


@Component({
  selector: 'my-app',

})
export class D3 {

  constructor(public renderer: Renderer, public el: ElementRef){ }

  ngOnInit() {

  }


  ngAfterViewInit() {



  }

}

你可以使用类似的东西：

declare var d3: any;

export class D3 {
  constructor(public renderer: Renderer, public el: ElementRef){ }

  ngOnInit() {

  }

  ngAfterViewInit() {
    var el:HTMLElement = this.el.nativeElement;
    var root = d3.select(el);

    root.append('svg')
    (...)
  }
}

请参阅此问题了解更多详细信息：

• 将 D3.js 与 Angular 2 结合使用 https://stackoverflow.com/questions/33385500/using-d3-js-with-angular-2