| commit | author | age | ||
| 83c3f6 | 1 | # Popular Extensions |
| SP | 2 | |
| 3 | Many extensions can be found on the [Chart.js GitHub organization](https://github.com/chartjs) or on the [npm registry](https://www.npmjs.com/search?q=chartjs-). | |
| 4 | ||
| 5 | ## Charts | |
| 6 | ||
| 7 | - <a href="https://github.com/chartjs/chartjs-chart-financial" target="_blank">chartjs-chart-financial</a> - Adds financial chart types such as a candlestick. | |
| 8 | - <a href="https://github.com/chartjs/Chart.BarFunnel.js" target="_blank">Chart.BarFunnel.js</a> - Adds a bar funnel chart type. | |
| 9 | - <a href="https://github.com/chartjs/Chart.LinearGauge.js" target="_blank">Chart.LinearGauge.js</a> - Adds a linear gauge chart type. | |
| 10 | - <a href="https://github.com/chartjs/Chart.smith.js" target="_blank">Chart.Smith.js</a> - Adds a smith chart type. | |
| 11 | ||
| 12 | In addition, many charts can be found on the [npm registry](https://www.npmjs.com/search?q=chartjs-chart-). | |
| 13 | ||
| 14 | ## Plugins | |
| 15 | ||
| 16 | - <a href="https://github.com/chartjs/chartjs-plugin-annotation" target="_blank">chartjs-plugin-annotation</a> - Draws lines and boxes on chart area. | |
| 17 | - <a href="https://github.com/chartjs/chartjs-plugin-datalabels" target="_blank">chartjs-plugin-datalabels</a> - Displays labels on data for any type of charts. | |
| 18 | - <a href="https://github.com/chartjs/chartjs-plugin-deferred" target="_blank">chartjs-plugin-deferred</a> - Defers initial chart update until chart scrolls into viewport. | |
| 19 | - <a href="https://github.com/compwright/chartjs-plugin-draggable" target="_blank">chartjs-plugin-draggable</a> - Makes select chart elements draggable with the mouse. | |
| 20 | - <a href="https://github.com/y-takey/chartjs-plugin-stacked100" target="_blank">chartjs-plugin-stacked100</a> - Draws 100% stacked bar chart. | |
| 21 | - <a href="https://github.com/nagix/chartjs-plugin-streaming" target="_blank">chartjs-plugin-streaming</a> - Enables to create live streaming charts. | |
| 22 | - <a href="https://github.com/nagix/chartjs-plugin-style" target="_blank">chartjs-plugin-style</a> - Provides more styling options. | |
| 23 | - <a href="https://github.com/everestate/chartjs-plugin-waterfall" target="_blank">chartjs-plugin-waterfall</a> - Enables easy use of waterfall charts. | |
| 24 | - <a href="https://github.com/chartjs/chartjs-plugin-zoom" target="_blank">chartjs-plugin-zoom</a> - Enables zooming and panning on charts. | |
| 25 | ||
| 26 | In addition, many plugins can be found on the [npm registry](https://www.npmjs.com/search?q=chartjs-plugin-). | |
| 27 | ||
| 28 | ## Integrations | |
| 29 | ||
| 30 | ### Angular (v2+) | |
| 31 | ||
| 32 | - <a href="https://github.com/emn178/angular2-chartjs" target="_blank">emn178/angular2-chartjs</a> | |
| 33 | - <a href="https://github.com/valor-software/ng2-charts" target="_blank">valor-software/ng2-charts</a> | |
| 34 | ||
| 35 | ### Angular (v1) | |
| 36 | - <a href="https://github.com/jtblin/angular-chart.js" target="_blank">angular-chart.js</a> | |
| 37 | - <a href="https://github.com/carlcraig/tc-angular-chartjs" target="_blank">tc-angular-chartjs</a> | |
| 38 | - <a href="https://github.com/petermelias/angular-chartjs" target="_blank">angular-chartjs</a> | |
| 39 | - <a href="https://github.com/earlonrails/angular-chartjs-directive" target="_blank">Angular Chart-js Directive</a> | |
| 40 | ||
| 41 | ### React | |
| 42 | - <a href="https://github.com/topdmc/react-chartjs2" target="_blank">react-chartjs2</a> | |
| 43 | - <a href="https://github.com/gor181/react-chartjs-2" target="_blank">react-chartjs-2</a> | |
| 44 | ||
| 45 | ### Django | |
| 46 | - <a href="https://github.com/matthisk/django-jchart" target="_blank">Django JChart</a> | |
| 47 | - <a href="https://github.com/novafloss/django-chartjs" target="_blank">Django Chartjs</a> | |
| 48 | ||
| 49 | ### Ruby on Rails | |
| 50 | - <a href="https://github.com/airblade/chartjs-ror" target="_blank">chartjs-ror</a> | |
| 51 | ||
| 52 | ### Laravel | |
| 53 | - <a href="https://github.com/fxcosta/laravel-chartjs" target="_blank">laravel-chartjs</a> | |
| 54 | ||
| 55 | ### Vue.js | |
| 56 | - <a href="https://github.com/apertureless/vue-chartjs/" target="_blank">vue-chartjs</a> | |
| 57 | ||
| 58 | ### Java | |
| 59 | - <a href="https://github.com/mdewilde/chart/" target="_blank">Chart.java</a> | |
| 60 | - <a href="https://github.com/adessoAG/wicked-charts" target="_blank">Wicked-Charts</a> | |
| 61 | ||
| 62 | ### GWT (Google Web toolkit) | |
| 63 | - <a href="https://github.com/pepstock-org/Charba" target="_blank">Charba</a> | |
| 64 | ||
| 65 | ### Ember.js | |
| 66 | - <a href="https://github.com/aomran/ember-cli-chart" target="_blank">ember-cli-chart</a> | |
