Awesome Chart.js

A curated list of awesome things related to Chart.js v2+

• Resources
• Charts
• Plugins
• Adapters
• Integrations

Resources

• Official Guide - The user guide and documentation site.

Charts

• bar-funnel - Adds bar funnel chart type.
• boxplot - Adds boxplot and violin plot chart type.
• financial - Adds financial chart types such as a candlestick.
• matrix - Adds matrix chart type.
• smith - Adds smith chart type.
• treemap - Adds treemap chart type.

Plugins

• annotation - Draws lines and boxes on the chart area.
• colorschemes - Enables automatic coloring using predefined color schemes.
• crosshair - Adds a data crosshair to line and scatter charts.
• datalabels - Displays labels on data for any type of charts.
• deferred - Defers initial chart update until chart scrolls into viewport.
• dragdata - Lets users drag data points on the chart.
• rough - Draws charts in a sketchy, hand-drawn-like style using Rough.js.
• stacked100 - Draws 100% stacked bar chart.
• streaming - Adds support for live streaming data.
• style - Provides styling options such as shadow, bevel, glow or overlay effects.
• waterfall - Enables easy use of waterfall charts.
• zoom - Enables zooming and panning on charts.

In addition, many plugins can be found on the npm registry.

Adapters

• date-fns - date-fns date adapter.
• luxon - Luxon date adapter.

Integrations

JavaScript

• angular2-chartjs - Angular v2+
• ember-cli-chart - Ember CLI
• ng2-charts - Angular v2+
• omi-chart - Omi
• react-chartjs-2 - React
• vue-chartjs - Vue.js

Others

• charba - GWT
• chart.java - Java
• chartjs-ror - Ruby on Rails
• django-chartjs - Django
• laravel-chartjs - Laravel
• wicked-charts - Java