Tomcat7 and google chart issue with IE8 <p>i did an application that uses google chart (line chart). If i run it on my local instance of Tomcat7 the chart is displayed in IE8 but using the instance of Tomcat7 in the developement server it doesn't work with Internet Explorer (no errors but nothing is displayed.Using Chrome instead it works properly).</p> <p>Here the source code generated in the browser of the local version :</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;Phone Cost System&lt;/title&gt; &lt;link class="component" href="/phoneCostSystem/a4j/s/3_3_3.Finalorg/richfaces/renderkit/html/css/basic_classes.xcss/DATB/eAELXT5DOhSIAQ!sA18_.jsf" rel="stylesheet" type="text/css" /&gt;&lt;link class="component" href="/phoneCostSystem/a4j/s/3_3_3.Finalorg/richfaces/renderkit/html/css/extended_classes.xcss/DATB/eAELXT5DOhSIAQ!sA18_.jsf" media="rich-extended-skinning" rel="stylesheet" type="text/css" /&gt;&lt;link class="component" href="/phoneCostSystem/a4j/g/3_3_3.Finalorg/richfaces/renderkit/html/css/msg.css.jsf" rel="stylesheet" type="text/css" /&gt;&lt;link class="component" href="/phoneCostSystem/a4j/g/3_3_3.Finalorg/richfaces/renderkit/html/css/msgs.css.jsf" rel="stylesheet" type="text/css" /&gt;&lt;script src="/phoneCostSystem/a4j/g/3_3_3.Finalorg.ajax4jsf.javascript.AjaxScript.jsf" type="text/javascript"&gt;&lt;/script&gt;&lt;script type="text/javascript"&gt;window.RICH_FACES_EXTENDED_SKINNING_ON=true;&lt;/script&gt;&lt;script src="/phoneCostSystem/a4j/g/3_3_3.Finalorg/richfaces/renderkit/html/scripts/skinning.js.jsf" type="text/javascript"&gt;&lt;/script&gt;&lt;link href="css/phoneCostSystem.css" rel="stylesheet" type="text/css" /&gt; &lt;script type="text/javascript" src="https://www.google.com/jsapi"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; google.load("visualization", "1", {packages:["corechart"]}); function drawChart(a) { var data = new google.visualization.DataTable(); data.addColumn('string', 'Year'); data.addColumn('number', 'Sales'); data.addColumn('number', 'Expenses'); data.addColumn('number', 'Expenses2'); data.addRows(JSON.parse(a.test)); var options = { title: 'Company Performance', pointSize : 2, interpolateNulls: true }; var chart = new google.visualization.LineChart(document.getElementById('chart_div')); chart.draw(data, options); } &lt;/script&gt; &lt;/head&gt; &lt;body onload="submitApplication()"&gt; &lt;div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"&gt;&lt;/div&gt; &lt;div class="outer"&gt; &lt;!-- START MAIN --&gt; &lt;div class="content"&gt; &lt;div class="innercontent"&gt; &lt;h4&gt;My Expenses&lt;/h4&gt; &lt;dl id="myError" class="rich-messages errorMessage" style="display: none; "&gt;&lt;dt&gt;&lt;/dt&gt;&lt;/dl&gt; &lt;form id="form1" name="form1" method="post" action="/phoneCostSystem/charts.jsf" enctype="application/x-www-form-urlencoded"&gt; &lt;input type="hidden" name="form1" value="form1" /&gt; &lt;div id="chart_div" style="width: 600px; height: 500px;"&gt;&lt;/div&gt; &lt;script id="j_id_jsp_1252683611_4" type="text/javascript"&gt;//&lt;![CDATA[ submitApplication=function(){A4J.AJAX.Submit('form1',null,{'oncomplete':function(request,event,data){drawChart(data)},'similarityGroupingId':'j_id_jsp_1252683611_4','parameters':{'j_id_jsp_1252683611_4':'j_id_jsp_1252683611_4'} ,'containerId':'j_id_jsp_1252683611_0'} )}; //]]&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; //example callback function function processData(data) { console.log(data); var temp=JSON.stringify(data); alert(temp); } //call the ajax method from javascript &lt;/script&gt; &lt;input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="j_id2" /&gt; &lt;/form&gt; &lt;br /&gt; &lt;br /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>This is the code generated if i run the app in developement server:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;Phone Cost System&lt;/title&gt; &lt;link class="component" href="/phoneCostSystem/a4j/s/3_3_3.Finalorg/richfaces/renderkit/html/css/basic_classes.xcss/DATB/eAELXT5DOhSIAQ!sA18_.jsf" rel="stylesheet" type="text/css" /&gt;&lt;link class="component" href="/phoneCostSystem/a4j/s/3_3_3.Finalorg/richfaces/renderkit/html/css/extended_classes.xcss/DATB/eAELXT5DOhSIAQ!sA18_.jsf" media="rich-extended-skinning" rel="stylesheet" type="text/css" /&gt;&lt;link class="component" href="/phoneCostSystem/a4j/g/3_3_3.Finalorg/richfaces/renderkit/html/css/msg.css.jsf" rel="stylesheet" type="text/css" /&gt;&lt;link class="component" href="/phoneCostSystem/a4j/g/3_3_3.Finalorg/richfaces/renderkit/html/css/msgs.css.jsf" rel="stylesheet" type="text/css" /&gt;&lt;script src="/phoneCostSystem/a4j/g/3_3_3.Finalorg.ajax4jsf.javascript.AjaxScript.jsf" type="text/javascript"&gt;&lt;/script&gt;&lt;script type="text/javascript"&gt;window.RICH_FACES_EXTENDED_SKINNING_ON=true;&lt;/script&gt;&lt;script src="/phoneCostSystem/a4j/g/3_3_3.Finalorg/richfaces/renderkit/html/scripts/skinning.js.jsf" type="text/javascript"&gt;&lt;/script&gt;&lt;link href="css/phoneCostSystem.css" rel="stylesheet" type="text/css" /&gt; &lt;script type="text/javascript" src="https://www.google.com/jsapi"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; google.load("visualization", "1", {packages:["corechart"]}); function drawChart(a) { var data = new google.visualization.DataTable(); data.addColumn('string', 'Year'); data.addColumn('number', 'Sales'); data.addColumn('number', 'Expenses'); data.addColumn('number', 'Expenses2'); data.addRows(JSON.parse(a.test)); var options = { title: 'Company Performance', pointSize : 2, interpolateNulls: true }; var chart = new google.visualization.LineChart(document.getElementById('chart_div')); chart.draw(data, options); } &lt;/script&gt; &lt;/head&gt; &lt;body onload="submitApplication()"&gt; &lt;div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"&gt;&lt;/div&gt; &lt;div class="outer"&gt; &lt;!-- START MAIN --&gt; &lt;div class="content"&gt; &lt;div class="innercontent"&gt; &lt;h4&gt;My Expenses&lt;/h4&gt; &lt;dl id="myError" class="rich-messages errorMessage" style="display: none; "&gt;&lt;dt&gt;&lt;/dt&gt;&lt;/dl&gt; &lt;form id="form1" name="form1" method="post" action="/phoneCostSystem/charts.jsf" enctype="application/x-www-form-urlencoded"&gt; &lt;input type="hidden" name="form1" value="form1" /&gt; &lt;div id="chart_div" style="width: 600px; height: 500px;"&gt;&lt;/div&gt; &lt;script id="j_id_jsp_1829848551_4" type="text/javascript"&gt;//&lt;![CDATA[ submitApplication=function(){A4J.AJAX.Submit('form1',null,{'oncomplete':function(request,event,data){drawChart(data)},'similarityGroupingId':'j_id_jsp_1829848551_4','parameters':{'j_id_jsp_1829848551_4':'j_id_jsp_1829848551_4'} ,'containerId':'j_id_jsp_1829848551_0'} )}; //]]&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; //example callback function function processData(data) { console.log(data); var temp=JSON.stringify(data); alert(temp); } //call the ajax method from javascript &lt;/script&gt; &lt;input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="j_id2" /&gt; &lt;/form&gt; &lt;br /&gt; &lt;br /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Any idea regarding a possible root cause?</p> <p>Thanks in advance.</p>