Fusion Chart height and width not working in ajax response

[shailendra311285]

I using FusionChart with asp.net. In implementation i hiting to server with ajax through which i get JSOn in response and i simply pass the json in datasource of fusion chart. Fusion chart is prepared successfully but in second time fusion chart in prepared but the output chart lost its own height and width. why is this so i can't understand. Following code i use

  <div id="dvGraph" style="width: 800px; height: 300px;">
  </div>

<input type="button" value="click me" onclick="GetChartData()"/>

function GetChartData(){ var postURL = 'abc.aspx?data=PopUp';
    $.ajax({
        type: "POST",
        url: postURL,
        contentType: "application/json;charset=utf-8",
        dataType: "json",
        cache: false,
        beforeSend: function () {
        },
        success: function (response) {
           
            var strJson = response.ChartParams[0];
            RenderChart(strJson);
          
        },
        error: function (msg) {
            ShowErrorMessage(msg);
        }
    });
}

function RenderChart(strJson) {

    var uniqueId = GetUniqueId(); // Like dv_5kF7e
    var myChart = new FusionCharts("MSCombiDY2D", uniqueId, "800", "320", "0", "1");
    myChart.setJSONData(strJson);  
    myChart.render("dvGraph");

}

it work on first time with actual width:800 and hegiht: 320 but after that its not getting its actual height and width. Please refer Image1.jpg its good but after that height and width not working. But i regularly set height and width by calling RenderChart method.

 

 

 

 

 

.

Edited February 24, 2014 by shailendra311285

[Guest Sashibhusan]

Hi,

 

Ideally, there should not be any issue in your code, since the chart dimension is provided as pixel value.

 

Could you please try once by removing the inline style applied in the DIV having id "dvGraph" and see if it helps?

 

Also, please let me know, if the issue replicates in all browsers or in any specific browser?

 

Awaiting your response.