Layout Problem In Ie (Width Difference Between Chrome And Ie)

[MatiasLaino]

Hello, my problem is that when rendering a chart (Pie Chart / Bar Chart), the inline CSS created by the render is very different in Chrome (or FF) and Internet Explorer.

In Chrome/FF, the chart inherits correctly the width value of its parent of 55%, but on IE9 (and 8) it renders a css width of 1056 px; we have no idea where this value is coming from and require assistance.

 

Attached screenshot showing the rendered HTML and CSS.

 

[Guest Sumedh]

Hi,

 

Welcome to FusionCharts Forum!

 

Can you please share a live of the same URL with us?

[MatiasLaino]

Hi, sorry but this is for an application for my company's client, and I'm not free to share a public URL with anyone outside the company Anything else I can provide you?

Hi,

 

Welcome to FusionCharts Forum!

 

Can you please share a live of the same URL with us?

[Guest Sumedh]

Hi,

 

What FusionCharts version are you using?

[cranberries__089]

I have the same problem

I put the chart in a div tag ,It worsk well for chrome ,firefox and safari . But It doesn't work in IE.

 

 

 

<div id="firstChartDiv" style="width: 600px; height: 400px">

</div>

 

<script type="text/javascript">

 

var isChartLoaded = false;

var chartType = '';

 

function ComboItemChanged(s, e) {

chartType = s.GetValue();

}

 

function FC_Rendered(DOMId) {

switch (DOMId) {

case "myChartId":

isChartLoaded = true;

break;

}

return;

}

 

function GenerateChart(jsonData) {

 

if (isChartLoaded) {

var chart = FusionCharts.items["myChartId"];

chart.dispose();

}

var chartType = chartTypee1.Get("FusionChartType");

 

FusionCharts.setCurrentRenderer('javascript');

 

var myChart = new FusionCharts("FusionChartsNewVersion/" + chartType + ".swf", "myChartId", "100%", "100%", "0", "1");

 

myChart.setJSONData(jsonData);

 

myChart.render("firstChartDiv");

}

 

</script>

 

I am sending you the printscreens of browsers. When I set chart height and width to 100%, Firefox and other browsers take the div tag as container as seen at screenshots, but IE takes the browser window as container.

I suppose I should add a case for IE , but how ? ( IE version : 9.0.8 , Fusion Chart Version : 3.2.2 )

 

Thanks in advance for the replies..

PrintScreens.zip

Edited March 13, 2013 by cranberries__089

[cranberries__089]

I have not that much time . It's urgent .

Could you please send me an answer ?

Edited March 14, 2013 by cranberries__089

[MatiasLaino]

Hi,

 

What FusionCharts version are you using?

 

@version fusioncharts/3.2.4-sr1.9888<br style="color: rgb(107, 107, 107); font-family: verdana, arial, tahoma, sans-serif; line-height: 18px; background-color: rgb(247, 247, 247);">Javascript

[Guest Sashibhusan]

Hi,

 

Could you please provide the screen shot of the chart rendered in the IE browser and elaborate a bit more on your issue?

 

Awaiting your response!

[MatiasLaino]

You can see on my first post the screenshots you are requesting, along with the HTML and CSS generated code.

Hi,

 

Could you please provide the screen shot of the chart rendered in the IE browser and elaborate a bit more on your issue?

 

Awaiting your response!

[Guest Sumedh]

You can see on my first post the screenshots you are requesting, along with the HTML and CSS generated code.

 

 

Hi MatiasLaino,

 

Can you please send us the sample code? for testing purposes?