Hi here is my actual code <!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"> <%@ taglib prefix="bean" uri="http://struts.apache.org/tags-bean"%> <%@ taglib prefix="html" uri="http://struts.apache.org/tags-html"%> <%@ taglib prefix="logic" uri="http://struts.apache.org/tags-logic"%>
<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> <body> <div id="stats"> <div class="right"><a href="http://www.myhotcourses.com/";><img src="<%=cmi.util.CMIUtil.getKeyValue(null,"myhc.img.path")%>/myhclogo.gif" width="202" height="35" alt="Myhotcourses.com" border="0"/></a></div> <h1>Overall provider stats</h1> <% String startDate=request.getParameter("startDate")!=null?"startDate="+request.getParameter("startDate"):""; String endDate=request.getParameter("endDate")!=null?"endDate="+request.getParameter("endDate"):""; String institutionId=request.getParameter("searchInstitutionId")!=null?"searchInstitutionId="+request.getParameter("searchInstitutionId"):""; String reportTypeId=request.getParameter("reportTypeId")!=null?"reportTypeId="+request.getParameter("reportTypeId"):""; String keyId=request.getParameter("keyId")!=null?"keyId="+request.getParameter("keyId"):""; String mobileFlag=request.getParameter("mobileFlag")!=null?"mobileFlag="+request.getParameter("mobileFlag"):""; String selectedAffiliates[]=request.getParameterValues("selectedAffiliates"); String selectedDepartments[]=request.getParameterValues("selectedDepartments"); String selectedOrderItems[]=request.getParameterValues("selectedOrderItems"); String affiliateQueryString=""; if(selectedAffiliates!=null){ for(int i=0;i<selectedAffiliates.length;i++){ affiliateQueryString+="&selectedAffiliates="+selectedAffiliates[i]; } } String departmentQueryString=""; if(selectedDepartments!=null){ for(int i=0;i<selectedDepartments.length;i++){ departmentQueryString+="&selectedDepartments="+selectedDepartments[i]; } } String ordersQueryString=""; if(selectedOrderItems!=null){ for(int i=0;i<selectedOrderItems.length;i++){ ordersQueryString+="&selectedOrderItems="+selectedOrderItems[i]; } } String paremValues= startDate +"&"+ endDate +"&"+ institutionId +"&"+ reportTypeId +"&"+ keyId +"&"+ mobileFlag +"&"+ affiliateQueryString +departmentQueryString+ordersQueryString; String graphUrl = request.getContextPath() + "/stats/search.html?action=intsalesstats&searchStatsRpt=Yes&" + paremValues; String graphType=request.getParameter("graphType"); String graphClass= (graphType!=null && graphType.equals("bar"))?"ColumnChart":"LineChart"; String graphPkgType= (graphType!=null && graphType.equals("bar"))?"columnchart":"linechart"; String keyDisplayName=request.getAttribute("keyDisplayName")!=null?(String)request.getAttribute("keyDisplayName"):(String)request.getParameter("keyDisplayName"); int totalIndexVal=1000; %> <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', {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("reportTypeId").equals("1") && !request.getParameter("reportTypeId").equals("-1") && "Total".equals(dispName) && "ColumnChart".equals(graphClass)){ totalIndexVal = index.intValue(); }else{%> data.addColumn('<%=index.intValue()==0?"string":"number"%>', '<bean:write name="bean" property="displayName" 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(chart, options); } google.setOnLoadCallback(drawVisualization); </script> </div> </logic:notEmpty> <logic:empty name="dataList" scope="request"> <p><bean:message key="stats.search.noresult" /></p> </logic:empty> </div> </body> </html> I did as u said , but same Issue happing Thanks Lakshman On Thu, Jan 24, 2013 at 11:54 AM, asgallant <[email protected]>wrote: > 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<http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> >> "> >> <html xmlns="http://www.w3.org/1999/**xhtml<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<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/ <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/ >>>>>> **ms**g/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.**c >>>>>> **om. >>>>>> To unsubscribe from this group, send email to >>>>>> google-visualization-api+**unsub**[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<https://groups.google.com/d/msg/google-visualization-api/-/9UZskg3XZRYJ> >>> . >>> >>> 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/-/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. > -- 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]. Visit this group at http://groups.google.com/group/google-visualization-api?hl=en. For more options, visit https://groups.google.com/groups/opt_out.
