Bgimage In Bubblechart

[Jacob Hansen]

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"

}

]

}

]

}

[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 March 9, 2013 by Sashibhusan

[Jacob Hansen]

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

[Jacob Hansen]

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

[Guest Sumedh]

  On 3/11/2013 at 11:45 PM, Jacob Hansen said:

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.