.BackColor Opacity/Transparency not an option?

guru_fordy · October 3, 2007

Hey guys. I am using a ChartFX chart on top of a gradiented background image. Around the image border there were visible white edges and so I started to play with the .BackColor property. However, it appears I cannot set the opacity of the property. Is this correct? If not is there a way to make the image have a transparent effect?

maximop · October 19, 2007

You need to set the Alpha of the FromArgb method. You can do the following:

Chart1.BackColor = CHART_ARGB2(30, RGB(150, 200, 200))

guru_fordy · October 19, 2007

Hey Maximop thanks for replying. The code you gave me I already had however and its not the charts background that's the problem. Here is an image of the problem to help explain.

Posted Image

If you look between my page and the chart inside the image is a white horrible border. It is this that I cannot get rid of

maximop · October 19, 2007

Are you talking about the white border between the y-axis and the inside area of the chart, or the one between the chart control and silver border (edge of the page)?

maximop · October 19, 2007

if you are looking to supress the gap between the chart control and the border of the browser, you can use cascading style sheets to set the magin width and margin height of the body tag. If you don't want to use style sheets, then you can simply add the body tags around the chart image and set the top and left margins respectively. You can do the following:

<%

' Create the chart object

...Chart code goes here...

' Generate a chart of 450x280 pixels

Response.Write Chart1.GetHtmlTag(450,280,"image")

%>

</body>

Let me know if this is what you were looking for.

guru_fordy · October 22, 2007

Thanks for replying again mate

In answer to your first question it is the latter (the white space between the chart control and the silver background on my page. However, the code you gave me makes no difference as the white space appears to part of the image itself.

I have attached another image and this time made the freaky white space black so you can fully see what I mean. This part doesn't seem to be controlled by any alpha settings unfortunately.

Any ideas?

Posted Image

maximop · October 22, 2007

Read my last post about setting the margins for the body tag.

guru_fordy · October 22, 2007

Just retried with no luck

maximop · October 23, 2007

The only way to decrease the space between the chart control and the edge of the browser is to set the margin for the body tag. Can you please post some code to see how you are setting this?

guru_fordy · October 25, 2007

Sorry for the late reply. I had to cut it down but this is still broken. The BODY does have a CSS element but I got rid of that with no effect. I also tried putting in your code into the CSS but again no effect.

<html>

<head>

</head>

<br />

<tr>

</MAP>

</td>

</tr>

</table>

</body>

</html>

The general code for generating the chart itself is as follows:

chart.Gallery = Gallery_Bar

Set axis = chart.Axis(0)

axis.Style = AxisStyle_SingleLine Or AxisStyle_BreakZero Or AxisStyle_Interlaced Or AxisStyle_LongTick Or AxisStyle_AutoScale Or AxisStyle_ForceZero Or AxisStyle_AutoMinorStep Or AxisStyle_AutoFirstLabel Or AxisStyle_AutoCenter Or AxisStyle_Default

Set grid= axis.Grid

grid.Color = CHART_ARGB(100,240,240,240)

axis.Interlaced = true

axis.Gridlines = true

axis.TextColor = CHART_ARGB(255,0,0,0)

axis.AlternateColor = CHART_ARGB(100,240,240,240)

Set axis = chart.Axis(1)

axis.Position = AxisPosition_Far

Set axis = chart.Axis(2)

axis.TextColor = CHART_ARGB(255,0,0,0)

chart.Chart3D = true

chart.MultipleColors = true

chart.PointLabelAlign = LabelAlign_Left Or LabelAlign_Bottom

chart.Scheme = Scheme_Gradient

Set seriesattributes = chart.Series(0)

seriesattributes.Volume = 75

chart.Axis(2).LabelAngle = 0

chart.View3D = false

chart.View3DDepth = 30

chart.WallWidth = 2

chart.View3D = false

chart.View3DDepth = 30

chart.AngleX = 5

chart.AngleY = 0

chart.Perspective = 10

chart.AxesStyle = AxesStyle_Frame3D

chart.CrossHairs = true

chart.Font.Name = "Tahoma"

chart.Font.Size = 8.25

chart.Font.CharSet = 0

chart.Palette = "Alternate"

chart.InsideColor = CHART_ARGB(150,255,255,255)

chart.LeftGap = 5

chart.TopGap = 5

chart.RightGap = 5

chart.BottomGap = 5

Set imageborder = Server.CreateObject("ChartFX.ASP.ImageBorder")

imageborder.Type = ImageBorderType_Emboss

imageborder.Color = CHART_ARGB(255,220,220,220)

chart.BorderObject = imageborder

Chart.PageColor = RGB(242,242,242)

chart.BorderColor = CHART_ARGB(255,128,128,128)

chart.BorderEffect = BorderEffect_Dark

chart.BackColor = CHART_ARGB(0,255,255,255)

Hope you can see something in there

maximop · October 29, 2007

Ok, when you set the topmargin, leftmargin, marginwidth, and marginheight of the body tag, it seems that they do not have any effect on an image contained in a table when you have set the alignments for the td tag. I removed such alignments, and the image showed without a gap between the image source and the left border of the browser; below is the code:

<html>

<head>

<title>Chart Test</title>

</head>

<br />

<tr>

</MAP>

</td>

</tr>

</table>

</body>

</html>

Furthermore, this is beyond ChartFX and you will probably have better luck searching other forums related to HTML. You can also check the W3Schools website http://www.w3schools.com/ for additional information on what is supported with HTML.

guru_fordy · October 29, 2007

Sorry I think we have both got the wrong end of the stick again here as I tried the code but it didn't work.

My problem isn't that 'the image showed a gap between the image source and the left border of the browser' but that the chart itself has a surround that cannot adhere to alpha properties by the look of things. This is just outside of the embossed imageborder we use and definiteley not the HTML around it I would think.

Sorry for another screen shot but I had to capture more around the problem to show you. here is the background I am using which has a gradient effect. Can you see the white around the image?

Posted Image

This is drawn with the below HTML proving it can't be the table:

<html>

<head>

</head>

</MAP>

</body>

</html>

maximop · October 29, 2007

Ok, I apologize for the miscommunication. The white border around the chart is the actual bounding rectangle that is being shown when using the kind of image border you are using. If you removed the said border, that white area will be gone; however, this is probably not what you want to do. Being this the case, you should either remove the PageColor property or change its color to one that better matches the page where you are showing the chart. Let me know how this works for you.

guru_fordy · October 30, 2007

Oh no need to apologise I know it's really difficult to debug via a forum! I tried without the border which looked ok apart from the image then had a pencil thin black border around it. Is there anyway to switch this off?

Just say if you want a screenie :-)

maximop · October 30, 2007

To remove the black line (border) that surrounds the chart image, you need to create a new border object and set its type to none as follows:

Set border = Server.CreateObject("ChartFX.ASP.DefaultBorder")

border.Type = BorderType_None

chart.BorderObject = border

guru_fordy · October 30, 2007

Yup that worked fine. Many thanks for your speedy help maximop it's much appreciated

.BackColor Opacity/Transparency not an option?

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation