ngx-graphs

Some simple and flexible graphing components for Angular 4+

Scroll down to see it in action!

Code on Github Documentation

Step Area Chart

Stacked Bar Chart

Graph Axis

axis label
0 10 20 30 40 50 60 70 80 90 100

Chart Legend

Series 1
Series 2
Series 3

Chart Gridlines

Composing Components

Often, you will want to compose the above components together. For example, you often want your graphs to have axes, and a legend. ngx-graphs is not opinionated on how you do this, but css grid is often a good approach (example below)

y axis
0 10 20 30 40 50 60 70 80 90 100
x axis
0 10 20 30 40 50 60 70 80 90 100