如何在angular中集成graphviz
如何在angular中集成graphviz
提问于 2019-07-03 23:00:53
我已经在使用Angular7和d3.js了。现在，我想使用d3-graphviz(https://www.npmjs.com/package/d3-graphviz)或viz.js(https://github.com/mdaines/viz.js)或其他工具来显示点图。
这些方法都不起作用。我在网上找不到任何线索。现在我需要一些辅助如何让它在我的应用程序中运行。
例如：-what npm包？-which配置？(angular.json，标记或只是“导入为..”)-和/或一个小的工作示例，如：
d3g
.graphviz(d3.select(this.svg.nativeElement))
.renderDot('digraph {a -> b}');我非常感谢你的任何提示。如果有人已经管理了它，让它运行起来，那将会有所帮助。
我已经尝试了文档中展示的任何方法，以及在Angular中使用原生JS库的组合。
import * as d3 from 'd3';
import * as d3g from 'd3-graphviz';
...
d3g
.graphviz(d3.select(this.svg.nativeElement))
.renderDot('digraph {a -> b}');
OR
d3
.select(this.svg.nativeElement)
.graphviz()
.renderDot('digraph {a -> b}');只需在我的angular web应用程序中查看Graphviz图表。
回答 1
Stack Overflow用户
发布于 2019-07-05 05:55:54
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}');
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56873014
复制相关文章
相似问题
腾讯云开发者
