Popular Extensions

Many extensions can be found on the Chart.js GitHub organization or on the npm registry.

Charts

• chartjs-chart-financial - Adds financial chart types such as a candlestick.
• Chart.BarFunnel.js - Adds a bar funnel chart type.
• Chart.LinearGauge.js - Adds a linear gauge chart type.
• Chart.Smith.js - Adds a smith chart type.
  In addition, many charts can be found on the npm registry.

Plugins

• chartjs-plugin-annotation - Draws lines and boxes on chart area.
• chartjs-plugin-datalabels - Displays labels on data for any type of charts.
• chartjs-plugin-deferred - Defers initial chart update until chart scrolls into viewport.
• chartjs-plugin-draggable - Makes select chart elements draggable with the mouse.
• chartjs-plugin-stacked100 - Draws 100% stacked bar chart.
• chartjs-plugin-streaming - Enables to create live streaming charts.
• chartjs-plugin-style - Provides more styling options.
• chartjs-plugin-waterfall - Enables easy use of waterfall charts.
• chartjs-plugin-zoom - Enables zooming and panning on charts.
  In addition, many plugins can be found on the npm registry.

Integrations

Angular (v2+)

• emn178/angular2-chartjs
• valor-software/ng2-charts

Angular (v1)

• angular-chart.js
• tc-angular-chartjs
• angular-chartjs
• Angular Chart-js Directive

React

• react-chartjs2
• react-chartjs-2

Django

• Django JChart
• Django Chartjs

Ruby on Rails

• chartjs-ror

Laravel

• laravel-chartjs

Vue.js

• vue-chartjs

Java

• Chart.java
• Wicked-Charts

GWT (Google Web toolkit)

• Charba

Ember.js

• ember-cli-chart