Jump to content
JChartFX Community
  • 0

Chart not showing in in nested <div> (jquery-ui tabs)




I've been playing around with the basic demo setup and everything works fine. However I wanted to take the next step and implement it into one of my websites. The location of the graph would be inside a nested div - more specifically I want to show the graph inside a jquery-ui tab <div>.

 I have tried a striped down site that only contains those tabs and it works fine. However when put in the above mentioned nested context it won't show. Any idea as to why this might be?

 I've included the following, but as I mentioned before it does work - just not in the nested divs (could it be relative/absolute positioning related?):


<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<!-- Graph -->

<link rel="stylesheet" type="text/css" href="../javascript/graph/styles/jchartfx.css" />

<script type="text/javascript" src="../javascript/graph/js/jchartfx.system.js"></script>

<script type="text/javascript" src="../javascript/graph/js/jchartfx.coreVector.js"></script> 



- Thank You in advance 

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

 We have only seen issues with absolute/relative positioning related to tooltips, those issues have been fixed in our latest builds. We have not seen any reports of the chart not appearing.

We will need a sample page that we can use to reproduce the problem. I am guessing it is related to the structure of the page. You can email a sample to support at softwarefx dot com


Link to comment
Share on other sites

  • 0

Hi I found out what happened,

I use a single page containing 4 <div> based 'pages'. When You change page You show the selected one and hide the others. The graph was put on one of the hidden pages: style="display:none" and didn't show when changing to style="display:block". If I put the graph on the one showing from the beginning it does work. My workaround is not creating the graph before I set the <div> visible.

This leads me to another question. Can I init a graph on a <div> with style="display:none"?

Have a nice day :) 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...