Home › forums › Using CanvasJS › Putting 2 graphs in a jquery tab control
Tagged: canvasjs, jquery
It seems that when I put 2 graphs in jquery tab. The 2nd graph which is the bottom one seems to not render according to the height set. But when the data updates the chart rendered back to it original position. Not really sure whats the problem to it.
*Changing tabs, and scrolling up and down the panel will show the problem I identified
Whenever a tab is switched, the render method of each of the chart in the activated tab should be called so that chart can take the actual dimensions of its container.
In the code provided, only the render method of the first chart in both tabs are called. Therefore, the second chart in the second tab is not taking proper height.
Please check the updated jsfiddle.
You must be logged in to reply to this topic.