Render graph in parent div

[jkrygsman]

Hi,

  I am trying to render a graph in the parent frame so it's width would dynamically change when the window is resized.  The only issues I'm encountering at the moment is that while it works fine in IE it is not rendering correctly in Chrome and Firefox.  In Chrome the columns appear black while the trendlines work fine.  In Firefox the columns appear white while the trendlines appear fine.  Anyone know why this is happening?

 

I have tried various jquery versions but so far I have had no success.

 

Fusioncharts 3.2.2

jquery 1.4.2

 

Thanks.

[Guest Sashibhusan]

Hi,

 

Could you please try once with the latest version of FusionCharts XT v3.3.1sr3 and see if it resolves your issue?

 

To download the trial version of FusionCharts XT v3.3.1 sr3, please visit the link: http://www.fusioncharts.com/download/trials/

 

In case if you still have this issue, please provide the screen shot of the exact issue along with the chart XML/JSON data, to better look into this issue.

 

Hope this helps!

[jkrygsman]

I have tried the latest js and swf files located in the trial but still encounter the issue.

 

The JSON is just from a demo located below.

myChart.setJSONData({
    "chart": {
        "showvalues": "0",
        "snumbersuffix": "%",
        "decimals": "3",
        "setadaptiveymin": "1",
        "setadaptivesymin": "1",
        "linethickness": "5",
	"legendPosition": "right",
	"bgcolor": "FAFAFA",
	"bgalpha": "100",
        "showvalues": "1",
        "canvasborderthickness": "1",
        "canvasbordercolor": "999999",
        "plotfillangle": "330",
        "plotbordercolor": "FFFFFF",
        "showalternatevgridcolor": "1",
	"alternateVGridAlpha": "3",
        "divLineColor": "D2D2D2",
	"divlinealpha": "100",
	"showBorder": "0",
	"plotFillAlpha": "100",
	"plotFillRatio": "100",
	"plotSpacePercent": "40",
	"animation": "1"
    },
    "categories": [
        {
            "category": [
                {
                    "name": "2000"
                },
                {
                    "name": "2001"
                },
                {
                    "name": "2002"
                },
                {
                    "name": "2003"
                },
                {
                    "name": "2004"
                },
                {
                    "name": "2005"
                }
            ]
        }
    ],
    "dataset": [
        {
            "seriesname": "Population",
            "data": [
                {
                    "value": "275562673"
                },
                {
                    "value": "278558081"
                },
                {
                    "value": "280562489"
                },
                {
                    "value": "290342551"
                },
                {
                    "value": "290342551"
                },
                {
                    "value": "293027112"
                }
            ]
        },
        {
            "parentyaxis": "S",
            "seriesname": "Birth Rate",
            "renderas": "Line",
            "data": [
                {
                    "value": "1.42"
                },
                {
                    "value": "1.42"
                },
                {
                    "value": "1.41"
                },
                {
                    "value": "1.414"
                },
                {
                    "value": "1.413"
                },
                {
                    "value": "1.414"
                }
            ]
        },
        {
            "parentyaxis": "S",
            "seriesname": "Death Rate",
            "renderas": "Line",
            "data": [
                {
                    "value": "0.87"
                },
                {
                    "value": "0.87"
                },
                {
                    "value": "0.87"
                },
                {
                    "value": "0.844"
                },
                {
                    "value": "0.834"
                },
                {
                    "value": "0.825"
                }
            ]
        }
    ]
});

Screenshot shows the black columns in Chrome.

Edited January 22, 2014 by jkrygsman

[Guest Sashibhusan]

Hi,

 

I am afraid, we are not able to replicate the issue using your JSON data and latest FusionCharts XT v3.3.1sr3 files.

 

Could you please try once rendering the chart, after clearing the browser cache and see if it helps?

 

Awaiting your response.