Hi All I am facing Google visualization Issues , on IE 9 , in my jsp page i used , <script type="text/javascript" src="http://www.google.com/jsapi";></script>
its working in all browsers except IE 9 , even I installed google chrome frame features, but same Issues happening when i try to see view source from the page , source code also not able see from IE9 but this is happening with all bowers here is my code <head> <link rel="stylesheet" href=","myscree.css.path")%>/myscreen.css" media="screen" /> <script type="text/javascript" src="http://www.google.com/jsapi";></script> </head> <body> <div id="stats"> <div class="right"><a href="http://www.mysite.com/";><img src="(img.path")%>/myhclogo.gif" width="202" height="35" alt="Mysites.com" border="0"/></a></div> <h1>My site page </h1> <% %> <div class="right clear"><a href="<%=graphUrl%>&graphType=bar">Bar chart</a> | <a href="<%=graphUrl%>&graphType=line">Line chart</a></div> <input type="hidden" name="keyDisplayName" value="<%=keyDisplayName%>" /> <logic:notEmpty name="dataList" scope="request"> <div class="graph" id="graph" style="margin-top:50px !important;"> <script type="text/javascript"> google.load('visualization', '1.1', {packages: ['<%=graphPkgType%>']}); //google.load('visualization', '1', {packages: ['corechart']}); var data; function drawVisualization() { // Create and populate the data table. data = new google.visualization.DataTable(); <logic:notEmpty name="displayHeader" scope="request"> <logic:iterate id="bean" name="displayHeader" scope="request" indexId="index"> <bean:define id="dispName" name="bean" property="displayName" /> <%if (!request.getParameter("repoId").equals("1") && "Total".equals(dispName) && "ColumnChart".equals(graphClass)){ totalIndexVal = index.intValue(); }else{%> data.addColumn('<%=index.intValue()==0?"string":"number"%>', '<bean:write name="bean" property="disName" filter="false" />'); <%}%> </logic:iterate> </logic:notEmpty> <logic:iterate id="bean" name="dataList" scope="request" indexId="topIndex"> data.addRows(1); <logic:notEmpty name="bean" property="columnsData"> <logic:iterate id="data" name="bean" property="columnsData" indexId="index"> <%if (totalIndexVal!=index.intValue()){%> data.setCell(<%=topIndex%>, <%=index%>, <%=index.intValue()==0?"'"+data+"'":data%>); <%}%> </logic:iterate> </logic:notEmpty> </logic:iterate> // 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, chartArea: {left: 80, top: 50}, titleX: 'Date', titleY: 'Page views', title: '<%=keyDisplayName%>' }; chart.draw(data, options); } google.setOnLoadCallback(drawVisualization); </script> </div> </logic:notEmpty> <logic:empty name="dataLi" scope="request"> <p><bean:message key="ts.search.result" /></p> </logic:empty> </div> </body> </html> please can you any body , give a solution for this Thanks Lakshman On Wednesday, November 30, 2011 4:55:33 PM UTC+5:30, [email protected] wrote: > > I have webApp ready and I want to add the Google Chart API i.e. Pie > Chart. in the html that is generated through a JSP. > > But when I embed the code in the JSP of the Google Chart. > > I get the Object Expected Message instead of the PIE CHART. > > > --------------------------------------------------------------------------------------------- > <%@ include file="/common/taglibs.jsp"%> > > <head> > <title><fmt:message key="suiteResultDetail.title"/></title> > <meta name="heading" content="<fmt:message > key='suiteResultDetail.heading'/>"/># > <!--Load the AJAX API--> > <script type="text/javascript" src="https://www.google.com/ > jsapi"></script> > <script type="text/javascript"> > > // Load the Visualization API and the piechart package. > google.load('visualization', '1.0', {'packages':['corechart']}); > > // Set a callback to run when the Google Visualization API is > loaded. > google.setOnLoadCallback(drawChart); > > // Callback that creates and populates a data table, > // instantiates the pie chart, passes in the data and > // draws it. > function drawChart() { > > // Create the data table. > var data = new google.visualization.DataTable(); > data.addColumn('string', 'Topping'); > data.addColumn('number', 'Slices'); > data.addRows([ > ['Mushrooms', 3], > ['Onions', 1], > ['Olives', 1], > ['Zucchini', 1], > ['Pepperoni', 2] > ]); > > // Set chart options > var options = {'title':'How Much Pizza I Ate Last Night', > 'width':400, > 'height':300}; > > // Instantiate and draw our chart, passing in some options. > var chart = new > google.visualization.PieChart(document.getElementById('chart_div')); > chart.draw(data, options); > } > </script> > </head> > > > <b>Suite Id =</b> ${suiteStats.suiteId}<br/> > <b>Time of Start =</b> ${suiteStats.timeStamp}<br/> > <b>Total =</b> ${suiteStats.totalTests}<br/> > <b>Pass =</b> ${suiteStats.passTests}<br/> > <b>Fail =</b> ${suiteStats.failTests}<br/> > > <b>TBE =</b> ${suiteStats.toBeExecuted}<br/> > > <display:table name="suiteResultList" class="table" requestURI="" > id="suiteResultList" export="true" pagesize="25"> > > <display:column property="testId" media="csv excel xml pdf" > titleKey="test.id" /> > <display:column property="testName" sortable="true" > titleKey="test.name" /> > <display:column property="engineName" sortable="true" > titleKey="result.engineName" /> > <display:column property="moduleName" sortable="true" > titleKey="test.moduleName" /> > <display:column property="status" sortable="true" > titleKey="engine.result.status" /> > <display:column property="condition" sortable="true" > titleKey="test.condition"/> > <display:column property="outputResult" sortable="true" > titleKey="suiteResultDetail.outputResult" style="white-space: pre;" /> > > <display:setProperty name="paging.banner.item_name" value="result"/ > > > <display:setProperty name="paging.banner.items_name" > value="results"/> > > <display:setProperty name="export.excel.filename" value="Suite > List.xls"/> > <display:setProperty name="export.csv.filename" value="Suite > List.csv"/> > <display:setProperty name="export.pdf.filename" value="Suite > List.pdf"/> > </display:table> > <body> > <!--Div that will hold the pie chart--> > <div id="chart_div"></div> > </body> > > > -- 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/-/FQ1zx1pptGMJ. 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.
