You didn't add the view. Your drawVisualization function should probably
look like this:
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>
var view = new google.visualization.DataView(data);
view.setColumns([0, 1]);
// 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(view, options);
}
That is just a guess, though, since I can't tell what your server-side code
will end up rendering. I need to see what the code looks like when you
view it in a browser to tell for certain what is needed.
On Thursday, January 24, 2013 6:15:38 AM UTC-5, Lakshman Bolla wrote:
>
> 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]<javascript:>
> > 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]<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 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.
