Some built-in styling includes a legend display and pop-up of data values when hovering the charts. It also comes with default styling and animation which allows you to create beautiful charts with just a little bit of code.

(Line, Bar, Pie, Doughnut, Radar, Bubble, Scatter, Polar) It renders HTML canvas element to create these charts.Ĭhart.js takes away the complexity and allows you get started quickly on creating some of the popular charts. To those who are not familiar, Chart.js is a free open source JavaScript library that supports 8 different chart types. browserify orĪngular-chart.js watch updates on data, series, labels, colors and options and will update, or destroy and recreate,Īngular-chart.js listens to the following events on the scope and acts accordingly:Īngular-chart.Stack bars + Line chart combination What is Chart.js?Ĭhart.js is one of the most popular libraries to create beautiful charts. Module should work with CommonJS out of the box e.g.

disabling the responsive option doesn't work via global anymore,īut must be set via standard options e.g.

obviously all Chart.js breaking changes as well in how options are set, etc.

$scope.$apply is not called anymore on mouse hover functions calls.

events emitted on creation and update are now prefixed with chart- e.g.

legend is now a Chart.js option so the chart-legend attribute has been removed.

chart-colours is now chart-colors and chart-get-colour is now chart-get-color.

all options now need to use the chart- prefix.There are numerous breaking changes since 0.x, notably: This is the 1.x branch which requires Chart.js 2.x version. Have a look at the demo site to see examples with detailed markup, Beautiful, reactive, responsive charts for Angular.JS using Chart.js.

Chartjs