Plugin for c3 which allows zooming to rectangular area.
Currently only very simple use case is covered and i haven't tested it with different features (etc. regions).
npm install c3-rect-zoom
Or just download dist/c3-rect-zoom.js and add it with script tag.
Also include css file dist/c3-rect-zoom.css somewhere.
c3-rect-zoom adds (or wraps if needed) oninit and onrendered callback to props you provide to c3.generate.
// Once somewhere in the beginning...
var c3 = require('c3')
require('c3-rect-zoom').patchC3(c3)
// Later when creating a chart
c3.generate({
data: ...,
c3RectZoom: {
enabled: true,
// ...c3RectZoom.Settings
}
})See interface c3RectZoom.Settings in c3-rect-zoom.d.ts.
MIT