Angular 中的图表 2+

Charts in Angular 2+

我想创建一个与我所附图片相似的图表,也可以是条形图。我正在使用 Angular 4,但我对 Angular 中的图表一无所知。是否提供参考 link 或一些示例代码?

[![图表][1]][1]

我的建议是:

  1. Ng-Charts
  2. D3.JS
  3. PrimeNG has a charts section
  4. Dagre.js for DAGs (unfortunately in javascript)
  5. Ngx-graph for nice DAGs but no documentation and weak support

  6. ngx-charts from swimlane

  7. HighCharts

  8. Cytoscape.js for Directed Graphs
  9. mermaidjs
  10. Canvas.js - Angular-重点图表而不是 HTML.

您可以使用 Plotly.js。这不是 Angular 模块,但可以在您的 angular 应用程序中使用。我就是这么用的。

还有eCharts我用过,很强大,效果很好UI

我们可以通过使用 Syncfusion angular-charts 来实现您的要求。有关 Syncfusion angular-charts 的更多详细信息,请查看随附的演示和 FT links.

样本:https://stackblitz.com/edit/angular-zo5arc?file=src/app/app.module.ts

截图:

金融时报:https://www.syncfusion.com/angular-ui-components/angular-charts

演示 link:https://ej2.syncfusion.com/angular/demos/#/material/chart/spline

UG:https://ej2.syncfusion.com/angular/documentation/chart/getting-started