HI here is my code please suggest any changes I need to do... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en">
<head> <title>Overall provider stats </title> <link rel="stylesheet" href="<%=cmi.util.CMIUtil.getKeyValue(null,"myhc.css.path")%>/myhcscreen.css" media="screen" /> <script type="text/javascript" src="https://www.google.com/jsapi";></script> </head> <div class="graph" id="graph" style="margin-top:50px !important;"> <script type="text/javascript"> google.load('visualization', '1', {packages: ['<%=graphPkgType%>']}); //google.load('visualization', '1', {packages: ['corechart']}); var data; function drawVisualization() { // Create and populate the data table. data = new google.visualization.DataTable(); data.addColumn('string', 'Name'); data.addColumn('number', 'Salary'); data.addColumn('boolean', 'Full Time'); data.addRows(5); data.setCell(0, 0, 'Lakshman'); data.setCell(0, 1, 10000); data.setCell(0, 2, true); data.setCell(1, 0, 'Sreenivas'); data.setCell(1, 1, 25000); data.setCell(1, 2, true); data.setCell(2, 0, 'Vaseem'); data.setCell(2, 1, 8000); data.setCell(2, 2, false); data.setCell(3, 0, 'saritha'); data.setCell(3, 1, 20000); data.setCell(3, 2, true); data.setCell(4, 0, 'Mei'); data.setCell(4, 1, 12000); data.setCell(4, 2, false); // Create and draw the visualization. chart=new google.visualization.<%=graphClass%>(document.getElementById('graph')); var options = { //width: 1500, height: 700, fontSize: 20, legend: 'bottom', isStacked: true, allowHtml:false, chartArea: {left: 80, top: 50}, titleX: 'Date', titleY: 'Page views', title: '<%=keyDisplayName%>' } chart.draw(data, options); } google.setOnLoadCallback(drawVisualization); </script> </div> Thanks On Thu, Jan 24, 2013 at 10:46 AM, asgallant <[email protected]>wrote: > I made some assumptions about what your server code was rendering, and > found that the chart doesn't draw in any browser at all (not just IE 9), > because you didn't separate out the boolean data column before drawing the > chart. If you use a DataView to remove that column, then the chart draws > fine. See an example based on your code here: > http://jsfiddle.net/asgallant/HHK6p/ > > Also note that if you put the <script> tags inside the chart's container > div, the javascript will be deleted when you draw the chart. I'm not sure > if there are negative consequences to this or not, but it's certainly not > going to help anything. > > > On Thursday, January 24, 2013 12:04:46 AM UTC-5, asgallant wrote: >> >> I need to see what the rendered HTML/javascript looks like in order to >> help you. >> >> On Wednesday, January 23, 2013 11:44:44 PM UTC-5, Lakshman Bolla wrote: >>> >>> Hi All >>> Could please suggest >>> why google graph is not supporting IE9, >>> Thanks >>> Lakshman >>> >>> >>> On Wed, Dec 19, 2012 at 9:43 PM, asgallant <[email protected]>wrote: >>> >>>> Post the code you see in IE9, as your server-side code doesn't help >>>> here. >>>> >>>> >>>> On Wednesday, December 19, 2012 4:09:25 AM UTC-5, >>>> [email protected]: >>>>> >>>>> I can see view source if we select mouse right click on the browser , >>>>> but data not loading >>>>> >>>>> >>>>> On Wednesday, December 19, 2012 1:34:50 PM UTC+5:30, >>>>> [email protected] wrote: >>>>>> >>>>>> Hi All >>>>>> I am using google API visualization , functions are loading in IE9 , >>>>>> and not shown in IE9 >>>>>> Please could you give a suggestion on this Issue >>>>>> >>>>>> here is my code >>>>>> <div class="graph" id="graph" style="margin-top:50px !important;"> >>>>>> <script type="text/javascript"> >>>>>> google.load('visualization', '1', {packages: >>>>>> ['<%=graphPkgType%>']}); >>>>>> //google.load('visualization', '1', {packages: >>>>>> ['corechart']}); >>>>>> var data; >>>>>> function drawVisualization() >>>>>> { >>>>>> // Create and populate the data table. >>>>>> data = new google.visualization.**DataTable**(); >>>>>> >>>>>> data.addColumn('string', 'Name'); >>>>>> data.addColumn('number', 'Salary'); >>>>>> data.addColumn('boolean', 'Full Time'); >>>>>> data.addRows(5); >>>>>> data.setCell(0, 0, 'Lakshman'); >>>>>> data.setCell(0, 1, 10000); >>>>>> data.setCell(0, 2, true); >>>>>> data.setCell(1, 0, 'Sreenivas'); >>>>>> data.setCell(1, 1, 25000); >>>>>> data.setCell(1, 2, true); >>>>>> data.setCell(2, 0, 'Vaseem'); >>>>>> data.setCell(2, 1, 8000); >>>>>> data.setCell(2, 2, false); >>>>>> data.setCell(3, 0, 'saritha'); >>>>>> data.setCell(3, 1, 20000); >>>>>> data.setCell(3, 2, true); >>>>>> data.setCell(4, 0, 'Mei'); >>>>>> data.setCell(4, 1, 12000); >>>>>> data.setCell(4, 2, false); >>>>>> >>>>>> // Create and draw the visualization. >>>>>> chart=new google.visualization.<%=**graphC** >>>>>> lass%>(document.**getElementById**('graph')); >>>>>> var options = { >>>>>> //width: 1500, >>>>>> height: 700, >>>>>> fontSize: 20, >>>>>> legend: 'bottom', >>>>>> isStacked: true, >>>>>> allowHtml:false, >>>>>> chartArea: {left: 80, top: 50}, >>>>>> titleX: 'Date', titleY: 'Page views', >>>>>> title: '<%=keyDisplayName%>' >>>>>> } >>>>>> chart.draw(data, options); >>>>>> } >>>>>> google.setOnLoadCallback(**drawV**isualization); >>>>>> </script> >>>>>> </div> >>>>>> >>>>>> Thanks >>>>>> Lakshman >>>>>> >>>>>> -- >>>> You received this message because you are subscribed to the Google >>>> Groups "Google Visualization API" group. >>>> To view this discussion on the web visit https://groups.google.com/d/** >>>> msg/google-visualization-api/-**/3SH3jXt7Rm0J<https://groups.google.com/d/msg/google-visualization-api/-/3SH3jXt7Rm0J> >>>> . >>>> >>>> To post to this group, send email to google-visua...@googlegroups.**com >>>> . >>>> To unsubscribe from this group, send email to google-visualization-api+ >>>> **[email protected]. >>>> For more options, visit this group at http://groups.google.com/** >>>> group/google-visualization-**api?hl=en<http://groups.google.com/group/google-visualization-api?hl=en> >>>> . >>>> >>> >>> -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To view this discussion on the web visit > https://groups.google.com/d/msg/google-visualization-api/-/9UZskg3XZRYJ. > > To post to this group, send email to > [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/google-visualization-api?hl=en. > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
