Chart.js is an object-oriented graphing system that uses JavaScript and HTML5 Canvas to create six different types of charts. It allows for line charts, bar charts, radar charts, pie charts, polar area charts, and doughnut charts, all beautifully animated and fully customizable. They’re even rendered in high enough resolution for retina displays. Chart.js uses the HTML5 canvas element. It supports all modern browsers, and polyfills provide support for IE7/8.
Chart.js is dependency free, lightweight (4.5k when minified and gzipped) and offers loads of customisation options.
Easy, object oriented client side graphs for designers and developers
Contents
Line charts
Line graphs are probably the most widely used graph for showing trends.
Chart.js has a ton of customisation features for line graphs, along with support for multiple datasets to be plotted on one chart.
Bar charts
Bar graphs are also great at showing trend data.
Chart.js supports bar charts with a load of custom styles and the ability to show multiple bars for each x value.
Radar charts
Radar charts are good for comparing a selection of different pieces of data.
Chart.js supports multiple data sets plotted on the same radar chart. It also supports all of the customisation and animation options you’d expect.
Pie charts
Pie charts are great at comparing proportions within a single data set.
Chart.js shows animated pie charts with customisable colours, strokes, animation easing and effects.
Please don’t forget to share and subscribe to latest updates of the blog. Also any comments and feedback are all welcome!
Thanks!
thanks bro