Search code examples
chartszoomingdata-visualizationc3.jsextent

c3.js zoom extent isn't working as expected

I'm using C3.js and want to limit the zoom-level in a line-chart, so the user won't be able to zoom-in infinitely.

I can't get this done at all. No matter what I do, the extent in zoom: { enabled: true, extent: [1, 5] } doesn't change anything.

I've created an example on CodePen

I'm aware this is, according to the documentation, an experimental feature, but could someone help me with it (if I'm doing something wrong) or tell me that this is a bug/unfinished feature implementation?

Solution

  • You are doing right,

     zoom: {
    enabled: true,
    extent: [1, 5],
 },

    seems to be correct config.

    Could you try a different version?

    For example, it seems to be working with c3 v0.4.10 - see this jsfiddle.

    Good luck!