Resizing Chart in Tabs

[yougotnetParticipant]

I have two tabs with jqxTabs and a horizontal bar chart on each tab.

My goal is to retrieve new data (ajax) and update the charts and resize the height of the chart depending on the number of rows in the new data.

Issue: If I am on tab 0 and click a Go button to retrieve new data (ajax) and refresh/resize the charts; tab 0 works fine, but when I click on tab 1, the data will refresh but the chart will not resize. I am using tab.on(‘select’) to change the height of the chart and to update the chart, but only the data changes, the chart does not resize. When I look in the web browser inspector, the chart div style shows the new height, but again the chart doesn’t resize.

Any help is appreciated.

[HristoParticipant]

Hello yougotnet,

Please, provide us an example for better analyze (jseditor).
Also, I would like to suggest you look at this example could be helpful:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxchart/javascript_chart_and_tabs.htm?light
(please, focus on initWidgets)

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts