chartjs-plugin-annotation

# Getting Started

DANGER

This plugin needs to be registered. It does not function as inline plugin.

An annotation plugin for Chart.js >= 4.0.0

This plugin draws lines, boxes, labels, points, polygons and ellipses on the chart area. Annotations work with line, bar, scatter and bubble charts that use linear, logarithmic, time, or category scales.

Furthermore you can use a doughnut label annotation which can be used to add contents (text, image, canvas) in the middle area of the doughnut charts.

Annotations will not work on any chart that does not have exactly two axes, including pie, radar, and polar area charts.

Banner

# Installation

> npm install chartjs-plugin-annotation

Important Note

For Chart.js 3.7.0 to 3.9.1 support, use version 2.2.1 of this plugin (opens new window)

For Chart.js 3.0.0 to 3.6.2 support, use version 1.4.0 of this plugin (opens new window)

For Chart.js 2.4.0 to 2.9.x support, use version 0.5.7 of this plugin (opens new window)

Documentation for v0.5.7 can be found on GitHub (opens new window).

Integration →