<div align="center">
    <img src="docs/assets/banner.png"/>
</div>

Highly customizable [Chart.js](http://www.chartjs.org/) plugin that displays labels outside the pie/doughnut chart.

Requires [Chart.js](https://github.com/chartjs/Chart.js/releases) **2.7.0** or later.

## Documentation

- [Installation](https://piechart-outlabels.netlify.com/installation)
- [Quick Start](https://piechart-outlabels.netlify.com/quickstart)
- [Options](https://piechart-outlabels.netlify.com/options)
- [Formating & Styling](https://piechart-outlabels.netlify.com/formatting)
- [Sample](https://piechart-outlabels.netlify.com/sample)

## Development

You first need to install node dependencies (requires [Node.js](https://nodejs.org/)):

    > npm install

The following commands will then be available from the repository root:

    > gulp build            // build dist files
    > gulp build --watch    // build and watch for changes
    > gulp lint             // perform code linting
    > gulp package          // create an archive with dist files and samples

## License

`chartjs-plugin-piechart-outlabels` is available under the [MIT license](LICENSE.md).

## P.S.

Highly inspirated by [chartjs-plugin-datalabels](https://github.com/chartjs/chartjs-plugin-datalabels)!