There are a ton of effects going on in that page, so I can only speculate here, but my best guess is that the draw calls for the charts are being made before the container divs are visible. If the container div (or a parent div) has "display: none" set in CSS, the charts often times will have problems with display and layout, as the "display: none" hinders the API's internal dimensional measurements. I see problems like this crop up all the time in tab-based web pages (most tab UI's use "display" to control which tabs are active). To fix this, you need to unhide all container divs (or parent divs as the case may be) before drawing the charts.
Also, in searching through the code, I couldn't find your visualization API code - where is it? On Tuesday, November 26, 2013 7:32:51 PM UTC-5, Michael De Marco wrote: > > Hi, if you go to http://crm.tracker-go.com and login with the following > credentials you will see a live example. On the password please don't > include the quotes. Signup username is: [email protected]<javascript:>, > password is: > '04fc2aa3-5bf1-4f50-a3b0-159d14a0c2f5', companycode is: 22204. Included is > a shot of the screen that shows the dots as a guide. > > > <https://lh6.googleusercontent.com/-lNR7gPQne-Q/UpU9ltTSs0I/AAAAAAAAAAc/jxhFSLYTLKM/s1600/3.jpg> > If you go to the Reports/Analytics tab and then choose the reports sub > button you will see three dots one each graph. If viewed in IE8 you should > not see anything. > > > On Tuesday, November 26, 2013 10:41:23 PM UTC, Michael De Marco wrote: >> >> below is the code for the area chart. What is the issue? Can anyone >> provide me with code or a patch to treat this issue. >> >> var chart = new >> google.visualization.AreaChart(document.getElementById('chart_lostlead')); >> chart.draw(data, { colors: ['#0072C6'], backgroundColor: { >> fill: "#F6F6F6", stroke: '#f9f9f9', strokeWidth: 2 }, width: 620, height: >> 200, pointSize: 4, legend: 'none', lineWidth: 2, vAxis: { gridlineColor: >> 'Gray', title: 'Quantity', textStyle: { color: 'Black', fontsize: 8} }, >> hAxis: { title: 'Date', textStyle: { color: 'Black', fontsize: 8 }, >> showTextEvery: Math.round(raw_datalostlead.length / 4) }, pointSize: 6 }); >> >> -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/groups/opt_out.
