Zooming in Wijmo Charts

You can easily display data in a graphical form using Wijmo Charts. This blog explains how you can easily add Zooming ability to WijmoCharts using simple jQuery. To zoom in or zoom out in Wijmo Chart, you can use the 'zoom' css attribute. First of all add the following markup to render the Wijmo Charts.

The wijbarchartcontainer acts as a container div to prevent wijbarchart from spreading on the whole page.

Zooming In and Zooming Out

To zoom in and zoom out we'll add two input elements of type 'Image' and set their src attribute to ZoomIn and ZoomOut images. Now, to enable zooming operations on WijmoCharts, just change the zoom attribute and the -moz-transform attribute (for Firefox) accordingly.