Angular 2+中的图表 [英] Charts in Angular 2+

问题描述

我想创建类似于我所附图片的图形，或者可以是条形图.我正在使用Angular 4，但对Angular中的图形我一无所知.有参考链接或一些示例代码吗?

I want to create a graph similar to the picture I have attached or may be a bar graph. I am using Angular 4 and I have no idea about graphs in Angular. Is a reference link or some sample code available?

[！[Graph] [1]] [1]

[![Graph][1]][1]

推荐答案

我们可以使用 Syncfusion角度图表来满足您的要求.有关 Syncfusion角度图的更多详细信息，请找到随附的演示和FT链接.

We can achieve your requirement by using Syncfusion angular-charts. For more details about Syncfusion angular-charts please find attached demo and FT links.

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

截屏:

FT: https://www.syncfusion.com/angular-ui -components/angular-charts

演示链接: https://ej2.syncfusion.com/角度/变形/#/材质/图表/样条线

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

这篇关于Angular 2+中的图表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！