PDA

View Full Version : progress bar


CraigR
12-03-2010, 04:44 AM
i have a friend who is doing some fundraising.

they would like to display a 'thermometer' progress chart in their site.

i have had a look at dynamic web charts, to make a single column bar chart with the hope i could use this and overlay an image to appear as the thermometer 'bulb'.

Does this seem feasible ?

the first issue I have come across is setting a scale with a single input.

if the target is 10000 and the current value is 500, i want to show a tall graph, buit with a small bar.

I can't see how to do this

Jason Byrnes
12-03-2010, 07:20 AM
go into the xml editor to edit the chart xml, and set a max property for the yaxis.

<yaxis max="1000" color="#767a7f" gridcolor="#888d93">

CraigR
12-03-2010, 07:43 AM
thanks Jason. That helps.

Is there an easy way to overlay a graphic.
i tried wrapping a div class with a background image around the flash, but it always sits behind the flash.

i can't seem to edit the flash file.

is there an easy way to position a background image using the xml with precision ?

Jason Byrnes
12-03-2010, 08:25 AM
you will need to edit the flash objects wmode property to transparent:
<param name="wmode" value="transparant" />


and probably set the flash objectrs z-index to something very small.


Then using absolute positioning on the image, you can position it over the flash object.