histogram-canvas

Install

yarn add histogram-canvas

or

npm i --save histogram-canvas

Import it:

const HistogramCanvas = require('histogram-canvas')

or include the standalone file, which is attached on each release or found in the dist folder when downloaded from the npm registry:

<script src="path/to/histogram-canvas.min.js"></script>

The constructor takes a Canvas and an optional options object:

let histogram = new HistogramCanvas(canvas, options)

update(data, dontClear)

data Object
Object with properties red, green, and blue, each arrays of numbers, representing the heights of the histogram bars. Arrays can be any length.
dontClear Boolean (false)
If true, the canvas will be cleared.

Can be passed in constructor options object and are available as properties on the instance.

Default values are in parentheses.

The following are for drawing the histogram at a specific location in the canvas. By default the histogram will fill the canvas.