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-zoom - Enables zooming and panning on charts.
  In addition, many plugins can be found on the npm registry.

Integrations

Angular

• 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