abhidev Report post Posted August 16, 2010 Hi Guys, I have several charts on a page,but for a particular page none of the charts are getting rendered only in IE, but they are getting rendered in FF. Same set of charts have been implemented some other page which are working fine. It doesn't even show any error. Please help i am stuck. Thanks in advance. Share this post Link to post Share on other sites
Sanjukta Report post Posted August 17, 2010 Hi, Could you please try giving a unique "chart id", "div id" and "variable name" for each chart that is to be rendered? Looking forward to your reply. Share this post Link to post Share on other sites
abhidev Report post Posted August 17, 2010 Actually i had came across this problem before where it was giving and error saying "parent element cannot be modified before its is rendered" for just one particular chart. This issue was then fixed by assigning that graph a different id and its parent div. But now its not showing any error at all in IE, i am not sure whether assigning different ids will solve the problem because the charts are not rendered in chrome too. I'll try this fix and get back to you. Thanks. Please suggest if you think something else could be the problem. Thanks in advance Share this post Link to post Share on other sites
Sanjukta Report post Posted August 17, 2010 Hi, Looking forward to your reply in case your issue is resolved. Share this post Link to post Share on other sites
abhidev Report post Posted August 18, 2010 Hi, I tried changing the ids of the charts but no success. Please help. Share this post Link to post Share on other sites
Sanjukta Report post Posted August 18, 2010 Hi, Could you please send us the sample code as an attachment? Looking forward to your reply. Share this post Link to post Share on other sites
abhidev Report post Posted August 18, 2010 (edited) this is the div where the chart gets rendered. following is defined inside script tag:- charts["incomeDemographics"] = { group : "FusionCharts", type : "Pie3D.swf", height : "85", width : "120", data : "<@compress single_line=true>${INCOME}@compress>" }; function renderFusionCharts(chartid, chartData) { var chart = new FusionCharts("/flash/thirdparty/FusionCharts/" + chartData.type, chartid, chartData.width, chartData.height, "0", "0"); chart.setDataXML(escape(chartData.data)); chart.addParam("WMode", "Transparent"); chart.render(chartid); } The charts are not coming specifically on this page and that too in IE and chrome but are working in FF. Edited August 18, 2010 by Guest Share this post Link to post Share on other sites
Sanjukta Report post Posted August 18, 2010 (edited) Hi, Could you please try using the modified code to solve your purpose? Your code: charts["incomeDemographics"] = {group : "FusionCharts", type : "Pie3D.swf", height : "85", width : "120", data : "<@compress single_line=true>${INCOME}" }; function renderFusionCharts(chartid, chartData) { var chart = new FusionCharts("/flash/thirdparty/FusionCharts/" + chartData.type, chartid, chartData.width, chartData.height, "0", "0"); chart.setDataXML(escape(chartData.data)); chart.addParam("WMode", "Transparent"); chart.render(chartid); } Modified Code: charts["incomeDemographics"] = {group : "FusionCharts", type : "Pie3D.swf", height : "85", width : "120", data : "<@compress single_line=true>${INCOME}" }; function renderFusionCharts(chartid, chartData) { var chart = new FusionCharts("/flash/thirdparty/FusionCharts/" + chartData.type, "chartid1", chartData.width, chartData.height, "0", "0"); chart.setDataXML(escape(chartData.data)); chart.addParam("WMode", "Transparent"); chart.render("incomeDemographics"); // the div where the chart should render } Hope this helps. Edited August 18, 2010 by Guest Share this post Link to post Share on other sites