How to show JQPlot Bar Chart in a Scrollable Div

Asked Feb 02 '13 at 14:08

Active Feb 02 '13 at 14:11

Viewed 3,143 times

I want to Show horizontal scrollbar in the DIV in which Chart is present, but irrespective of any size I assign to the container DIV, the Chart control takes up all the space. This is the code I am using.

 <div id="chart1" style="height: 230px; width: 355px; overflow: scroll; padding-left: 10px;"></div>

https://i.stack.imgur.com/R6GZI.png

As visible from the image, either it shows both scrollbars and if I set overflow-x:true and overflow-y: hidden, then it shows the horizontal scroll, but disabled.

Any help please?

edited Feb 02 '13 at 14:11

asked Feb 02 '13 at 14:08

Phreq

This may help you http://stackoverflow.com/questions/4605715/position-absolute-and-overflow-hidden – nishanthan Feb 02 '13 at 14:14
use an extra div, one for the chart, one to set scroll. Chart div goes inside scroll element – charlietfl Feb 02 '13 at 14:38
This is the change I did in code :

But still external div is not showing. – Phreq Feb 04 '13 at 09:51
Solved it by this code :

– Phreq Feb 04 '13 at 11:43

How to show JQPlot Bar Chart in a Scrollable Div

0 Answers0