Sign in to follow this  
Jacob Hansen

Bgimage In Bubblechart

Recommended Posts

I have a Bubble chart where i want to use a background image, but i cant make it show the image:

I have the image, the js files and the chart swf files in the same folder and im using this json - what am i doing wrong?

 

{

"Chart": {

"XAxisName": "Frequency",

"YAxisName": "Severity",

"BgColor": "FFFFFF",

"Bubblescale": "0.3",

"bgImage": "Chart_consequences.jpg",

"AnchorAlpha": "0"

},

"Categories": [

{

"Category": [

{

"Name": "Very unlikely",

"X": "1"

},

{

"Name": "Unlikely",

"X": "2"

},

{

"Name": "Moderatly",

"X": "3"

},

{

"Name": "Likely",

"X": "4"

},

{

"Name": "Very likely",

"X": "5"

}

]

}

],

"Dataset": [

{

"Seriesname": "front",

"Color": "ff0000",

"Showvalues": "0",

"Data": [

{

"Name": "Consequence",

"X": "3",

"Y": "2",

"Z": "25000"

},

{

"Name": "Consequence",

"X": "1",

"Y": "5",

"Z": "25000"

}

]

},

{

"Seriesname": "back",

"Color": "f1f1f1",

"Showvalues": "0",

"Data": [

{

"Name": "Consequence",

"X": "3",

"Y": "2",

"Z": "12000"

},

{

"Name": "Consequence",

"X": "1",

"Y": "5",

"Z": "12000"

}

]

}

]

}

Share this post


Link to post
Share on other sites
Guest Sashibhusan

Hi,

 

Welcome to FusionCharts Forum.

 

Could you please try once by providing the "bgAlpha" and "canvasBgAlpha" attributes value to "0" in the chart element of your JSON data string?

 

Ref. Code:

{
"Chart": {
"XAxisName": "Frequency",
"YAxisName": "Severity",
"BgColor": "FFFFFF",
"bgAlpha": "0,0",
"canvasBgAlpha": "0",
"canvasBorderAlpha": "0",
"Bubblescale": "0.3",
"bgImage": "Chart_consequences.jpg",
"AnchorAlpha": "0"
},
.....
}

 

For more information on "XML/JSON Attributes for Chart Border & Background > External Image or SWF File as Background", please follow the link below:

http://docs.fusionch...Background.html

 

Hope this helps!

Edited by Sashibhusan

Share this post


Link to post
Share on other sites

Still no background image :(

 

Hmm could it be that the path to the image is wrong, im making the site using .Net 4.0 MVC3 - I have tried referencing the image both by its name (Chart_consequences.jpg), its relative path (Images/Chart_consequences.jpg and ../Images/Chart_consequences.jpg) and by its full address (http://localhost:1345/Images/Chart_consequences.jpg)

 

How would you construct a relative path to the image - i may have written it wrong

Share this post


Link to post
Share on other sites
Guest Sumedh

SOLVED :-)

 

My FusionCharts files were from 2010 and bgimage wasnt part of the api back then - i updated the files to a later version and it works without problems now

 

Hi Jacob,

 

It's glad to know, that you have managed to resolve your issue. smile.gif

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