Angular Chart Component with 30+ Charts & Graphs

CanvasJS Angular Chart Component lets you visualize data using 30+ chart types like bar, line, area, pie, financial, etc. It has simple API to easily customize look & feel as per your application's theme. Angular Chart Library includes all the popular charts like line, column, area, bar, pie, etc. Below are some of the example on how to create charts & graphs in Angular. For step-by-step tutorial on integration, refer to our documentation on Angular Charts

Charts with Index / Data Label

Charts with Index / Data Label

Charts with Zooming / Panning Support

Chart with Zooming & Panning

Multi Series Chart

Multi Series Chart

Chart with Multiple Axes

Chart with Multiple Axes

Combination Charts

Combination Charts

Charts with Animation

Chart with Animation

Chart with Logarithmic Axis

Chart with Logarithmic Axis

Dynamic Chart

Line Chart with Data from JSON / AJAX

Chart with Data from AJAX

Drilldown Chart

Drilldown Chart

Responsive Chart

Responsive Chart

Synchronized Charts

Synchronized Charts

Line Charts in Angular

Angular Chart Component supports Line, Spline and Step Line Charts.

Angular Line Chart

Line Charts with Date-Time Axis

Angular Dashed Line Chart

Dashed Line Chart

Angular Multi Series Line Chart

Multi Series Line Chart

Angular Spline Charts

Angular Multi Series Spline Chart

Multi Series Spline Chart

Angular Step Line Charts

Step Line Chart

Angular Multi Series Step Line Chart

Multi Series Step Line Chart

Bar Charts in Angular

Angular Chart Component supports Bar, Stacked Bar, Stacked Bar 100%, etc.

Angular Bar Charts with Category Axis

Bar Chart with Category Axis

Angular Multi Series Bar Chart

Multi Series Bar Chart

Angular Stacked Bar Chart

Stacked Bar Chart

Angular Stacked Bar 100% Chart

Stacked Bar 100% Chart

Angular Stacked Bar 100% Chart with Indexlabels

Stacked Bar 100% Chart with Indexlabel

Column Charts in Angular

Angular Chart Component supports Column, Stacked Column, Stacked Column 100%, etc.

Angular Column Charts

Column Chart with Numeric Axis

Angular Multi Series Column Chart

Multi Series Column Chart

Angular Stacked Column Charts

Stacked Column Chart

Angular Stacked Column 100% Chart

Stacked Column 100% Chart

Angular Stacked Column 100% Chart with Indexlabels

Stacked Column 100% Chart with Indexlabel

Angular Waterfall Charts

Waterfall Chart

Angular Waterfall Chart with Index / Data Labels

Waterfall Chart with Indexlabels

Angular Multi Series Waterfall Chart

Multi Series Waterfall Chart

Pie and Doughnut Charts in Angular

Angular Chart Component supports Pie & Doughnut / Donut Charts.

Angular Pie Chart with Index Labels

Pie Chart with Index Labels

Angular Pie Chart in Dark Theme

Pie Chart in Dark Theme

Angular Doughnut / Donut Chart with Index Labels

Doughnut Chart with Index Labels

Angular Doughnut / Donut Chart in Dark Theme

Doughnut Chart in Dark Theme

Area Charts in Angular

Angular Chart Component supports Area, Spline Area, Stacked Area, Stacked Area 100%, Stacked Spline Area 100%, etc.

Angular Area Chart with Indexlabels

Area Chart with Indexlabels

Angular Multi Series Area Chart

Multi Series Area Chart

Angular Spline Area Chart

Spline Area Chart

Angular Multi Series Spline Area Chart

Multi Series Spline Area Chart

Angular Step Area Chart

Step Area Chart

Angular Stacked Area Chart

Stacked Area Chart

Angular Stacked Area 100% Chart

Stacked Area 100% Chart

Range Charts in Angular

Angular Chart Component supports Range Column, Range Bar, Range Area, Range Spline Area, etc.

Angular Range Column Charts

Range Column Chart

Angular Multi Series Range Column Chart

Multi Series Range Column Chart

Angular Range Bar Charts

Range Bar Chart

Angular Multi Series Range Bar Chart

Multi Series Range Bar Chart

Angular Range Area Charts

Range Area Chart

Angular Multi Series Range Area Chart

Multi Series Range Area Chart

Angular Range Spline Area Charts

Range Spline Area Chart

Angular Multi Series Range Spline Area Chart

Multi Series Range Spline Area Chart

Bubble and Scatter Charts in Angular

Angular Chart Component supports Bubble and Scatter Charts.

Angular Bubble Chart with Index / Data Labels

Bubble Chart with Index Labels

Bubble Chart with 3 Dimensional Data

Bubble Chart with 3 Dimensional Data

Angular Multi Series Scatter Chart

Multi Series Scatter Chart

Funnel and Pyramid Charts in Angular

Angular Chart Component supports Funnel & Pyramid Charts.

Angular Funnel Chart with Index Labels

Funnel Chart with Index Labels

Angular Funnel Chart without Neck

Funnel Chart without Neck

Angular Pyramid Chart with Index Labels

Pyramid Chart with Index Labels

Financial and Advanced Charts in Angular

Angular Chart Component supports Candlestick, OHLC and Box & Whisker Charts.

Angular Candlestick Chart

Candlestick Chart

Angular Multi Series Candlestick Chart

Multi Series Candlestick Chart

Angular OHLC Chart

Angular OHLC Chart with JSON Data

OHLC Chart with JSON Data

Angular Box & Whisker Chart

Box & Whisker Chart

Angular Combination Charts

Angular Chart Component supports Error, Error Line Charts along with combination of many other Charts like Bar, Line, Area, OHLC, etc.

Angular Error Bar Chart

Error Bar Chart

Angular Pareto Chart

Angular Range Area & Line Combination Chart

Range Area & Line Combination Chart

Angular Candlestick & Line Combination Chart

Candlestick & Line Combination Chart

Angular OHLC Chart with Trend Line

OHLC Chart with Trend Line

Dynamic Charts in Angular

Angular Chart Component supports Dynamic Charts also known as Real Time or Live Charts.

Angular Dynamic / Live Line Chart

Dynamic / Live Line Chart

Angular Dynamic / Live Column Chart

Dynamic / Live Column Chart

Angular Dynamic / Live Multi Series Chart

Dynamic / Live Multi Series Chart

StockCharts in Angular

Angular StockCharts Component supports all Charting features along with Range Selector, Navigator, Multiple Charts, etc.

Angular StockChart with Numeric Axis

Angular StockChart with Numeric Axis

Angular StockChart with Date-Time Axis

StockChart with Date-Time Axis

Angular StockChart with Navigator & Range Selector

StockChart with Navigator & Range Selector

View More StockChart Samples

JavaScript, React, Vue.js, jQuery

Add Responsive & Interactive Chart to your front-end frameworks like JavaScript, React, Vue.js, jQuery etc

JavaScript Charts

Server Side Technologies

Integrates easily with PHP, ASP.NET and many other Libraries and Frameworks.

ASP.NET MVC Charts

Spring MVC Charts