Add these lines after you create the DataTable and before you create the chart:
var view = new google.visualization.DataView(data); view.setColumns([0, 1]); then change the chart.draw() call to use "view" instead of "data": chart.draw(view, options); See if that fixes the problem for you. On Thursday, January 24, 2013 1:00:05 AM UTC-5, Lakshman Bolla wrote: > > 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]<javascript:> > > 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] wrote: >>>>>> >>>>>> 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]<javascript:> >> . >> To unsubscribe from this group, send email to >> [email protected] <javascript:>. >> 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 view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/lSBB5VHPBBkJ. 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.
