Sign in to follow this  
Sanjukta

IE issue-Urgent

Recommended Posts

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

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

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
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 by Guest

Share this post


Link to post
Share on other sites

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 by Guest

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this