如何用d3-graphviz的角度从点文件渲染？

Question

使用d3-graphviz的角度，我可以呈现一个简单的图形，如果我输入为字符串，如下所示。但是我想从点文件中读取图表。有人知道怎样做才是正确的吗？

import { Component } from '@angular/core';

import { graphviz }  from 'd3-graphviz';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'd3-graphviz in Angular';

  ngOnInit() {
    graphviz('div').renderDot('digraph {a -> b}');
  }
}

Answer 1

为此，您可以使用HttpClient，并通过在组件构造函数private _http: HttpClient中这样指定它，将其注入组件中。

然后，您只需订阅以下文件内容即可获得文件内容：

this._http.get('assets/graph.dot', {responseType: 'text'})
        .subscribe(graphData=> graphviz('div').renderDot(graphData));