Background Image And Canvas

[majid]

For some reason the background image is applied around the canvas but not on the canvas itself. as a result the chart has a white background but all around it my bg image is visible. Here is what I am using to style my chart:

 

 

//anchor styling

DrawAnchors = 1,

AnchorBgColor = "ffffff",

AnchorBorderThickness = 1,

AnchorAlpha = 100,

 

//gridlines

showAlternateHGridColor = 0,

divLineIsDashed = 1,

baseFontColor = "ffffff",

outCnvBaseFontColor = "fff",

showToolTip = 0,

 

//chart styling

showBorder = 0,

showYAxisValues = 1,

showLegend=0,

chartTopMargin= "50",

plotGradientColor=" ",

//background image

bgImage = "/Content/images/bg.png",

bgImageDisplayMode = "Tile",

 

How can I get the background image applied to the entire area and have no white background behind the chart (on the canvas)

Edited May 7, 2012 by majid

[Guest Sumedh]

For some reason the background image is applied around the canvas but not on the canvas itself. as a result the chart has a white background but all around it my bg image is visible. Here is what I am using to style my chart:

 

 

//anchor styling

DrawAnchors = 1,

AnchorBgColor = "ffffff",

AnchorBorderThickness = 1,

AnchorAlpha = 100,

 

//gridlines

showAlternateHGridColor = 0,

divLineIsDashed = 1,

baseFontColor = "ffffff",

outCnvBaseFontColor = "fff",

showToolTip = 0,

 

//chart styling

showBorder = 0,

showYAxisValues = 1,

showLegend=0,

chartTopMargin= "50",

plotGradientColor=" ",

//background image

bgImage = "/Content/images/bg.png",

bgImageDisplayMode = "Tile",

 

How can I get the background image applied to the entire area and have no white background behind the chart (on the canvas)

 

 

 

 

Hi,

 

You can use canvasBgAlpha attribute under the chart element. This attribute allows you to set transparency of the chart canvas.

 

Ref. Code:

<Chart ... canvasBgAlpha='0'>

[majid]

Hi,

 

You can use canvasBgAlpha attribute under the chart element. This attribute allows you to set transparency of the chart canvas.

 

Ref. Code:

<Chart ... canvasBgAlpha='0'>

 

Thanks this worked perfectly!

[Guest Sumedh]

Thanks this worked perfectly!