Sign in to follow this  
jkrygsman

Render graph in parent div

Recommended Posts

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.

Share this post


Link to post
Share on other sites
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!

Share this post


Link to post
Share on other sites

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.

post-62391-0-76299300-1390425511_thumb.png

Edited by jkrygsman

Share this post


Link to post
Share on other sites
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.

 

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