{"id":8543,"date":"2015-04-06T20:55:41","date_gmt":"2015-04-06T15:25:41","guid":{"rendered":"http:\/\/canvasjs.com\/?page_id=8543"},"modified":"2025-12-12T18:42:35","modified_gmt":"2025-12-12T13:12:35","slug":"javascript-charts","status":"publish","type":"page","link":"https:\/\/canvasjs.com\/javascript-charts\/","title":{"rendered":"JavaScript Gallery Overview"},"content":{"rendered":"\t\r\n
\r\n
\r\n
\r\n
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Chart with Index Label<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Multi Series Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Chart with Zooming and Panning<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"Synchronized <\/picture>\t\t\t
Synchronized Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"Animated <\/picture>\t\t\t
Chart with Animation<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Chart With Image Overlay<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Chart with Secondary Axis<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Chart with Null Data<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Chart with Dynamic Data<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Column Chart with Reversed Axis<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Chart with Logarithmic Axis<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Chart using JSON Data<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Performance With 50,000 Data Points<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Draggable Column Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Chart with Axis \/ Scale Break<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Chart with Crosshair<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Chart with Customized Legends<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Drilldown Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"Responsive <\/picture>\t\t\t
Responsive Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Chart with Axis Labels & Ticks inside Plot Area<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"Syncing <\/picture>\t\t\t
Sync ToolTip across Multiple Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t<\/section>\r\n\t\t\t\r\n\r\n\t\t\t\t\t
\r\n\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t

Line Charts in JavaScript<\/h2>\r\n\t\t\t\t\t\t\t

Contains Line, Spline & Step Line Chart examples in JavaScript.<\/p>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t

\r\n\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Line Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Dashed Line Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Multi Series Line Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Line Chart with Zoom and Pan<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Line Chart with Data Marker<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Line Chart with Logarithmic Axis<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Line Chart with Axis \/ Scale Break<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Line Chart with Multiple Axes<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Spline Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Multi Series Spline Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Dynamic Spline Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Spline Chart with Secondary Axis<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Spline Chart with Legends<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Step Line Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Multi Series Step Line Chart with Null Data<\/div>\t\t<\/div>\t<\/a><\/div>\r\n\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t<\/section>\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t
\r\n\r\n\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t

Area Charts in JavaScript<\/h2>\r\n\t\t\t\t\t\t\t

Contains Area, Spline Area, Stacked Area, Stacked Area 100, Step Area, Range Area & Range Spline Area Chart examples in JavaScript.<\/p>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t

\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Area Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Multi Series Area Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Spline Area Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Multi Series Spline Area Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Step Area Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Range Area Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Multi Series Range Area Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Range Spline Area Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Stacked Area Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Stacked Area 100% Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Stacked Area 100% Chart with Date-Time Axis<\/div>\t\t<\/div>\t<\/a><\/div>\r\n\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t<\/section>\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t

Column & Bar Charts in JavaScript<\/h2>\r\n\t\t\t\t\t\t\t

Contains Column, Bar, Stacked Column, Stacked Column 100%, Range Column, Stacked Bar, Stacked Bar 100%, Range Bar & Waterfall Chart examples in JavaScript.<\/p>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t

\r\n\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Column Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Column Charts with Multiple Axes<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Bar Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Multi Series Bar Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Bar Chart with Axis \/ Scale Break<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Range Column Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Multi Series Range Column Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Stacked Column Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Stacked Column 100% Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Range Bar Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Stacked Bar Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Stacked Bar 100% Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Waterfall Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Multi Series Waterfall Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Waterfall Chart with Custom Colors<\/div>\t\t<\/div>\t<\/a><\/div>\r\n\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t<\/section>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t

Pie & Funnel Charts in JavaScript<\/h2>\r\n\t\t\t\t\t\t\t

Contains Pie, Doughnut \/ Donut, Funnel & Pyramid Chart examples in JavaScript.<\/p>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t

\r\n\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Pie Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Pie Chart with Legends<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Pie Chart with Custom Radius<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Doughnut Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Doughnut Chart with Custom Inner Radius<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Funnel Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Funnel Chart with Custom Neck<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Inverted Funnel Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Pyramid Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Pyramid Chart with Values represented by Area<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Pyramid Chart With Index Labels Placed Inside<\/div>\t\t<\/div>\t<\/a><\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t<\/section>\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t
\r\n\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t

Financial Charts in JavaScript<\/h2>\r\n\t\t\t\t\t\t\t

Contains Candlestick & OHLC Chart examples in JavaScript.<\/p>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t

\r\n\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Candlestick Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Multi Series Candlestick Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"Combination <\/picture>\t\t\t
Combination of Candlestick & Line Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
OHLC Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
OHLC Chart from JSON Data using AJAX<\/div>\t\t<\/div>\t<\/a><\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t<\/section>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t

Scatter & Bubble Charts in JavaScript<\/h2>\r\n\t\t\t\t\t\t\t

Contains Scatter & Bubble Chart examples in JavaScript.<\/p>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t

\r\n\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Scatter \/ Point Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Multi Series Scatter \/ Point Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Scatter Chart with Custom Markers<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Bubble Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Bubble Chart with Zoom & Pan<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Bubble Chart with Custom Markers<\/div>\t\t<\/div>\t<\/a><\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t<\/section>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t

Box & Whisker Charts in JavaScript<\/h2>\r\n\t\t\t\t\t\t\t

Contains Box & Whisker Chart examples in JavaScript.<\/p>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t

\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Box And Whisker Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Box and Whisker Chart with Color Customization<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Box And Whisker Chart with Outliers<\/div>\t\t<\/div>\t<\/a><\/div>\r\n\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t<\/section>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t

Combination of Charts<\/h2>\r\n\t\t\t\t\t\t\t

Contains Error, Error Bar, Error Line, Pareto Charts along with combination of many other Charts like Bar, Line, Area, OHLC, etc.<\/p>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t

\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Error Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Error Line Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Error Bar Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Pareto Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Pareto Chart with Index \/ Data Label<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"Combination <\/picture>\t\t\t
Combination of Range Area and Line Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"Combination <\/picture>\t\t\t
Combination of Column, Line and Area Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"Combination <\/picture>\t\t\t
Combination of OHLC and Line Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t<\/section>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t

Dynamic Charts in JavaScript<\/h2>\r\n\t\t\t\t\t\t\t

Contains Dynamic\/Real-Time Chart examples in JavaScript.<\/p>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t

\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Dynamic \/ Live Column Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Dynamic \/ Live Line Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JavaScript <\/picture>\t\t\t
Dynamic \/ Live Multi Series Chart<\/div>\t\t<\/div>\t<\/a><\/div>\r\n\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t<\/section>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t

React, Angular, Vue.js, jQuery<\/h2>\r\n\t\t\t\t\t\t\t

Add Responsive & Interactive Chart to your front-end frameworks like React, Angular, Vue.js, etc.<\/p>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t

\r\n\r\n\r\n
\t\t\t
\"React <\/picture>\t\t\t
React Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"Angular <\/picture>\t\t\t
Angular Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"Vue.js <\/picture>\t\t\t
Vue.js Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"jQuery <\/picture>\t\t\t
jQuery Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t<\/section>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\r\n\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t

Server Side Technologies<\/h2>\r\n\t\t\t\t\t\t\t

Integrates easily with PHP, Python and many other Libraries and Frameworks.<\/p>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t

\r\n\r\n\r\n
\t\t\t
\"ASP.NET <\/picture>\t\t\t
ASP.NET MVC Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"Beautiful <\/picture>\t\t\t
PHP Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"Python <\/picture>\t\t\t
Python Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"JSP <\/picture>\t\t\t
JSP Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n
\t\t\t
\"Spring <\/picture>\t\t\t
Spring MVC Charts<\/div>\t\t<\/div>\t<\/a><\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t<\/section>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t<\/div>\r\n\t\t\r\n\t<\/div>\r\n\t\r\n\r\n","protected":false},"excerpt":{"rendered":"

Line Charts in JavaScript Contains Line, Spline & Step Line Chart examples in JavaScript. Area Charts in JavaScript Contains Area, Spline Area, Stacked Area, Stacked Area 100, Step Area, Range Area & Range Spline Area Chart examples in JavaScript. Column & Bar Charts in JavaScript Contains Column, Bar, Stacked Column, Stacked Column 100%, Range Column,<\/p>\n

… Continue Reading <\/a><\/p>\n","protected":false},"author":2817,"featured_media":27250,"parent":0,"menu_order":37,"comment_status":"open","ping_status":"open","template":"page-gallery.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_forum_subforum_count":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-8543","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\nBeautiful JavaScript Charts & Graphs<\/title>\n<meta name=\"description\" content=\"JavaScript Charts & Graphs with 10x performance & 30+ Chart Types including Line, Area, Bar, Pie. Responsive JS Charts with Animation, Zooming, Panning, etc\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/canvasjs.com\/javascript-charts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beautiful JavaScript Charts & Graphs\" \/>\n<meta property=\"og:description\" content=\"JavaScript Charts & Graphs with 10x performance & 30+ Chart Types including Line, Area, Bar, Pie. Responsive JS Charts with Animation, Zooming, Panning, etc\" \/>\n<meta property=\"og:url\" content=\"https:\/\/canvasjs.com\/javascript-charts\/\" \/>\n<meta property=\"og:site_name\" content=\"CanvasJS\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CanvasJS\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-12T13:12:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/canvasjs.com\/wp-content\/uploads\/2019\/10\/javascript-charts-graphs-index-data-label.png\" \/>\n\t<meta property=\"og:image:width\" content=\"570\" \/>\n\t<meta property=\"og:image:height\" content=\"320\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/canvasjs.com\\\/javascript-charts\\\/\",\"url\":\"https:\\\/\\\/canvasjs.com\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/8543\\\/\",\"name\":\"CanvasJS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/canvasjs.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/canvasjs.com\\\/javascript-charts\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/canvasjs.com\\\/javascript-charts\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/canvasjs.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/javascript-charts-graphs-index-data-label.png\",\"datePublished\":\"2015-04-06T15:25:41+00:00\",\"dateModified\":\"2025-12-12T13:12:35+00:00\",\"description\":\"JavaScript Charts & Graphs with 10x performance & 30+ Chart Types including Line, Area, Bar, Pie. Responsive JS Charts with Animation, Zooming, Panning, etc\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/canvasjs.com\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/8543\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/canvasjs.com\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/8543\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/canvasjs.com\\\/javascript-charts\\\/#primaryimage\",\"url\":\"https:\\\/\\\/canvasjs.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/javascript-charts-graphs-index-data-label.png\",\"contentUrl\":\"https:\\\/\\\/canvasjs.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/javascript-charts-graphs-index-data-label.png\",\"width\":570,\"height\":320,\"caption\":\"JavaScript Charts & Graphs\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/canvasjs.com\\\/javascript-charts\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/canvasjs.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript Charts & Graphs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/canvasjs.com\\\/#website\",\"url\":\"https:\\\/\\\/canvasjs.com\\\/\",\"name\":\"CanvasJS\",\"description\":\"Beautiful HTML5 Charts | CanvasJS\",\"publisher\":{\"@id\":\"https:\\\/\\\/canvasjs.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/canvasjs.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Beautiful JavaScript Charts & Graphs","description":"JavaScript Charts & Graphs with 10x performance & 30+ Chart Types including Line, Area, Bar, Pie. Responsive JS Charts with Animation, Zooming, Panning, etc","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/canvasjs.com\/javascript-charts\/","og_locale":"en_US","og_type":"article","og_title":"Beautiful JavaScript Charts & Graphs","og_description":"JavaScript Charts & Graphs with 10x performance & 30+ Chart Types including Line, Area, Bar, Pie. Responsive JS Charts with Animation, Zooming, Panning, etc","og_url":"https:\/\/canvasjs.com\/javascript-charts\/","og_site_name":"CanvasJS","article_publisher":"https:\/\/www.facebook.com\/CanvasJS\/","article_modified_time":"2025-12-12T13:12:35+00:00","og_image":[{"width":570,"height":320,"url":"https:\/\/canvasjs.com\/wp-content\/uploads\/2019\/10\/javascript-charts-graphs-index-data-label.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/canvasjs.com\/javascript-charts\/","url":"https:\/\/canvasjs.com\/wp-json\/wp\/v2\/pages\/8543\/","name":"CanvasJS","isPartOf":{"@id":"https:\/\/canvasjs.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/canvasjs.com\/javascript-charts\/#primaryimage"},"image":{"@id":"https:\/\/canvasjs.com\/javascript-charts\/#primaryimage"},"thumbnailUrl":"https:\/\/canvasjs.com\/wp-content\/uploads\/2019\/10\/javascript-charts-graphs-index-data-label.png","datePublished":"2015-04-06T15:25:41+00:00","dateModified":"2025-12-12T13:12:35+00:00","description":"JavaScript Charts & Graphs with 10x performance & 30+ Chart Types including Line, Area, Bar, Pie. Responsive JS Charts with Animation, Zooming, Panning, etc","breadcrumb":{"@id":"https:\/\/canvasjs.com\/wp-json\/wp\/v2\/pages\/8543\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/canvasjs.com\/wp-json\/wp\/v2\/pages\/8543\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/canvasjs.com\/javascript-charts\/#primaryimage","url":"https:\/\/canvasjs.com\/wp-content\/uploads\/2019\/10\/javascript-charts-graphs-index-data-label.png","contentUrl":"https:\/\/canvasjs.com\/wp-content\/uploads\/2019\/10\/javascript-charts-graphs-index-data-label.png","width":570,"height":320,"caption":"JavaScript Charts & Graphs"},{"@type":"BreadcrumbList","@id":"https:\/\/canvasjs.com\/javascript-charts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/canvasjs.com\/"},{"@type":"ListItem","position":2,"name":"JavaScript Charts & Graphs"}]},{"@type":"WebSite","@id":"https:\/\/canvasjs.com\/#website","url":"https:\/\/canvasjs.com\/","name":"CanvasJS","description":"Beautiful HTML5 Charts | CanvasJS","publisher":{"@id":"https:\/\/canvasjs.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/canvasjs.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/canvasjs.com\/wp-json\/wp\/v2\/pages\/8543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/canvasjs.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/canvasjs.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/canvasjs.com\/wp-json\/wp\/v2\/users\/2817"}],"replies":[{"embeddable":true,"href":"https:\/\/canvasjs.com\/wp-json\/wp\/v2\/comments?post=8543"}],"version-history":[{"count":48,"href":"https:\/\/canvasjs.com\/wp-json\/wp\/v2\/pages\/8543\/revisions"}],"predecessor-version":[{"id":60704,"href":"https:\/\/canvasjs.com\/wp-json\/wp\/v2\/pages\/8543\/revisions\/60704"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/canvasjs.com\/wp-json\/wp\/v2\/media\/27250"}],"wp:attachment":[{"href":"https:\/\/canvasjs.com\/wp-json\/wp\/v2\/media?parent=8543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}