I need to make a bar chart that can display data like shown in the screenshot, with a scroll bar that can move from left to right, and zoom in or out by making it bigger or smaller.

Is there any library or tool out there that makes this much easier than starting from scratch?

Bar chart with zoom


Essential Chart for JavaScript supports creating this kind of chart and zooming can be applied to achieve your requirement.


Chart with zooming

The whole product is available for free through the community license if you qualify (less than 1 million USD in revenue).

I work for Syncfusion.

  • Can you confirm that I could use the community edition in a product while I sell, so long as I don't have 1,000,000 revenue? – Mawg says reinstate Monica Mar 15 '17 at 9:05
  • 1
    @Mawg Yes.You can use in a selling product as long as the company owning the software has less than 1 million in revenue. – Davis Jebaraj Mar 15 '17 at 10:58

Bokeh is a very good chart generator for python that generates such charts but if you are not happy with python use Plotly.

Plotly has APIs for Python, R, MATLAB, Excel and Javascript. The core JavaScript library, plotly.js, has been Open Sourced. Browser charts have controls for panning, scrolling, zooming, etc.

enter image description here


Two of the most widely used free JavaScript solutions are D3Js (by fat the largest) and Chart.Js (there are many more, and G.I.Y.F).

Example charts are here and here, respectively.

It is probable that you already know of these, and are only concerned with the scroll bar, in which case, there are lots of questions, answers & examples, such as this one and this one, if you Google for them.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.