# chartjs-plugin-zoom

> Plugin that enables zoom and pan functionality in Chart.js charts.

Latest version **2.2.0** (published 2024-11-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install chartjs-plugin-zoom
pnpm add chartjs-plugin-zoom
yarn add chartjs-plugin-zoom
bun add chartjs-plugin-zoom
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities; high maintenance score; high quality score.

Warnings: low downloads.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 2.2.0 |
| Published | 2024-11-26 |
| First published | 2016-10-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 92.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 623 |
| Maintainers | etimberg, chartjs-ci, compwright, benmccann |

## Links

- npm: https://www.npmjs.com/package/chartjs-plugin-zoom
- Repository: https://github.com/chartjs/chartjs-plugin-zoom
- Homepage: https://www.chartjs.org/chartjs-plugin-zoom/
- Issues: https://github.com/chartjs/chartjs-plugin-zoom/issues
- npm.io page: https://npm.io/package/chartjs-plugin-zoom

## Dependencies (2)

- [hammerjs](https://npm.io/package/hammerjs.md) ^2.0.8
- [@types/hammerjs](https://npm.io/package/@types/hammerjs.md) ^2.0.45

## Recent versions

- 2.2.0 (latest) — 2024-11-26
- 1.0.0-rc (next) — 2021-05-17
- 2.1.0 — 2024-11-18
- 2.0.1 — 2023-03-22
- 2.0.0 — 2022-11-23
- 1.3.0 — 2022-11-23
- 1.2.1 — 2022-03-24
- 1.2.0 — 2021-11-16
- 1.1.1 — 2021-07-04
- 1.1.0 — 2021-07-01
- 1.0.1 — 2021-06-01
- 1.0.0 — 2021-05-24
- 1.0.0-beta.5 — 2021-05-02
- 1.0.0-beta.4 — 2021-04-30
- 1.0.0-beta.3 — 2021-04-27
- … 24 more at https://npm.io/package/chartjs-plugin-zoom/versions

## README

# chartjs-plugin-zoom

[![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/chartjs/chartjs-plugin-zoom/ci.yml)](https://github.com/chartjs/chartjs-plugin-zoom/actions/workflows/ci.yml)
[![Coverage Status](https://coveralls.io/repos/github/chartjs/chartjs-plugin-zoom/badge.svg?branch=master)](https://coveralls.io/github/chartjs/chartjs-plugin-zoom?branch=master)
[![release](https://img.shields.io/github/v/release/chartjs/chartjs-plugin-zoom?include_prereleases)](https://github.com/chartjs/chartjs-plugin-zoom/releases)
[![npm (latest)](https://img.shields.io/npm/v/chartjs-plugin-zoom/latest)](https://www.npmjs.com/package/chartjs-plugin-zoom/v/latest)
[![npm (next)](https://img.shields.io/npm/v/chartjs-plugin-zoom/next)](https://www.npmjs.com/package/chartjs-plugin-zoom/v/next)
[![documentation](https://img.shields.io/static/v1?message=Documentation&color=informational)](https://www.chartjs.org/chartjs-plugin-zoom/index)
<a href="https://github.com/chartjs/awesome"><img src="https://awesome.re/badge-flat2.svg" alt="Awesome"></a>

A zoom and pan plugin for Chart.js >= 3.0.0

For Chart.js 2.6.0 to 2.9.x support, use [version 0.7.7 of this plugin](https://github.com/chartjs/chartjs-plugin-zoom/releases/tag/v0.7.7).

Panning can be done via the mouse or with a finger.
Zooming is done via the mouse wheel or via a pinch gesture. [Hammer.js](https://hammerjs.github.io/) is used for gesture recognition.

## Documentation

You can find documentation for chartjs-plugin-zoom at [www.chartjs.org/chartjs-plugin-zoom](https://www.chartjs.org/chartjs-plugin-zoom/).

Prior to v0.4.0, this plugin was known as 'Chart.Zoom.js'. Old versions are still available on npm under that name.

## Contributing

Before submitting an issue or a pull request to the project, please take a moment to look over the [contributing guidelines](CONTRIBUTING.md) first.

## License

chartjs-plugin-zoom.js is available under the [MIT license](https://opensource.org/licenses/MIT).

---
_Source: https://npm.io/package/chartjs-plugin-zoom · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._