C3: Zoom API

[abramjs]

Hi
Here I'm for another question. I've set some graphs to "subchart {show: true}" and "zoom: {enabled: true}". Is it possible to set a different zoom level for the chart, setting for example to show the last 30 values while the subchart shows 300 values?
thx in advance
Abram

[masayuki0812]

Hi, Sorry it's not possible now. I think you need to extend c3 by yourself if you want to do that. If additional API is needed, please let me know. I'll consider to add.

[abramjs]

uhmmm... I'm a javascript newbie! But, if you could explain me how I can extend c3, I'll happy to try it and then share with you the code.

[LinusU]

I would also like this, I have a bar chart which in time will have a lot of history. I'm often only interested in the latest ~15 but would like to be able to scroll back and have a look at the history.

Currently I'm forced to initially show all points, an api call to set the zoom would be very helpful!

[masayuki0812]

I added axis.x.extent option to set initial extent for x domain. By this option, you can set an initial extent for subchart and zoom. Sample is here: https://github.com/masayuki0812/c3/blob/master/htdocs/samples/axes_x_extent.html
Could you try this option? Thanks.

[abramjs]

Hi masayuki,
I tried your axes.x.extend and it works. It was great if it has the possibility to visualize two different scales of the x axis: one more divided in the zoomed version and the other less in the default version.

[masayuki0812]

Hi, Sorry, I think I don't understand what you mean as two different scales of the x axis. Could you explain the detail and please show me the image if possible. Thanks.

[jonashaag]

Would be great if extent was available at the API level. That way you could implement something like "click here to scroll to this event".

[masayuki0812]

@jonashaag I think you can do that by zoom API like chart.zoom([100, 200]). This API changes the extent (or range). Could you try this?

[jonashaag]

Thanks, going to try this. I think this is missing from the documentation (like a lot of things... I understand you prefer coding to documenting, but you'll have more work answering the same support tickets again and again without documentation)