Bar Graph Class (No GD Required - 100% CSS based)

Small, short code snippets that other people may find useful. Do you have a good regex that you would like to share? Share it! Even better, the code can be commented on, and improved.

Moderator: General Moderators

Roja
Tutorials Group
Posts: 2692
Joined: Sun Jan 04, 2004 10:30 pm

Post by Roja »

darryladie wrote:Hiya, this project is fantastic. However, the link to the PHP4 version is broken.

Anywhere else I can get hold a copy :P
Its in the CVS repository of the sourceforge project. If I have a chance this weekend, I'll see if I can do a zip release for the php4 version. Until then, you can do an anonymous checkout.
darryladie wrote:If you created two stylesheets, one for screen and the other for print then the code would be even better.
I had planned on doing so, but the *only* thing that is needed in the print stylesheet is a different handling for the bars themselves. Since we didn't have a solution for that, I didn't make a print stylesheet (as there wouldnt be anything in it). :)

If we find a solution for it, yes, we'll be doing two imports.. one on print, and one on the standard.

However, the stylesheet is generated dynamically, so you would still have to "get your hands dirty" with php either way. We may reduce the interaction quite a bit in the future, by pushing out most of the style into standalone sheets.
darryladie
Forum Commoner
Posts: 62
Joined: Thu Mar 02, 2006 6:14 pm
Location: East Sussex, UK

Post by darryladie »

OK great, I will check it out!

Yes that's what I was suggesting standalone stylesheets. PHP would generate the HTML with CSS classes embedded in the tags with the styles then being linked using stylesheets. That way in the future people who aren't confident with PHP could edit the CSS and draw graph functions.

It would be more code efficient as well, as if it needed to be any faster :wink:
darryladie
Forum Commoner
Posts: 62
Joined: Thu Mar 02, 2006 6:14 pm
Location: East Sussex, UK

Post by darryladie »

Any chance of a .ZIP version of the d/l on SF please? :P
Roja
Tutorials Group
Posts: 2692
Joined: Sun Jan 04, 2004 10:30 pm

Post by Roja »

darryladie wrote:Any chance of a .ZIP version of the d/l on SF please? :P
Read harder.
Roja wrote:If I have a chance this weekend, I'll see if I can do a zip release for the php4 version.
darryladie
Forum Commoner
Posts: 62
Joined: Thu Mar 02, 2006 6:14 pm
Location: East Sussex, UK

Post by darryladie »

My apologies. :lol: Missed that bit (obviously!)

Thanks again for all your hard work :P

Darryl
danf_1979
Forum Commoner
Posts: 72
Joined: Sun Feb 20, 2005 9:46 pm

Post by danf_1979 »

Can this be used to render graphs in propietary software? :oops:
Roja
Tutorials Group
Posts: 2692
Joined: Sun Jan 04, 2004 10:30 pm

Post by Roja »

danf_1979 wrote:Can this be used to render graphs in propietary software? :oops:
It is released under the GPL. Please read the License file included in the download for the specific requirements and conditions for its use.
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post by Chris Corbyn »

I've been thinking about this and I may restructure it to use an unordered list in some fashion as means of keeping things solid when it renders... a table is another way to do it but I'd rather not use a table for whatever reason.
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post by Chris Corbyn »

OK a little challenge. I'm rewriting this to use a central class to do a generic graphing and bundling it with various graph types... so far Bar, Line/Scatter, Pie Chart (all in CSS of course).

The basic idea behind the markup for a pie chart looks like that below. Question: It's a huge amount of markup and I'm wondering if custom XML may be better. Does anyone know if it's tricky to have it render the same using something like the XML below? (See bottom of post).

Code: Select all

<style type="text/css">
.point {
	position: absolute; 
	width: 1px;
	height: 1px;
	background: #AA1111;
	font-size: 1px;
}
</style>

<div class="point" style="top: 80px; left: 40px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 120px;">&nbsp;</div>
<div class="point" style="top: 88.89px; left: 41px;">&nbsp;</div>
<div class="point" style="top: 71.11px; left: 119px;">&nbsp;</div>
<div class="point" style="top: 92.49px; left: 42px;">&nbsp;</div>
<div class="point" style="top: 67.51px; left: 118px;">&nbsp;</div>
<div class="point" style="top: 95.2px; left: 43px;">&nbsp;</div>
<div class="point" style="top: 64.8px; left: 117px;">&nbsp;</div>
<div class="point" style="top: 97.44px; left: 44px;">&nbsp;</div>
<div class="point" style="top: 62.56px; left: 116px;">&nbsp;</div>
<div class="point" style="top: 99.36px; left: 45px;">&nbsp;</div>
<div class="point" style="top: 60.64px; left: 115px;">&nbsp;</div>
<div class="point" style="top: 101.07px; left: 46px;">&nbsp;</div>
<div class="point" style="top: 58.93px; left: 114px;">&nbsp;</div>

<div class="point" style="top: 102.61px; left: 47px;">&nbsp;</div>
<div class="point" style="top: 57.39px; left: 113px;">&nbsp;</div>
<div class="point" style="top: 104px; left: 48px;">&nbsp;</div>
<div class="point" style="top: 56px; left: 112px;">&nbsp;</div>
<div class="point" style="top: 105.28px; left: 49px;">&nbsp;</div>
<div class="point" style="top: 54.72px; left: 111px;">&nbsp;</div>
<div class="point" style="top: 106.46px; left: 50px;">&nbsp;</div>
<div class="point" style="top: 53.54px; left: 110px;">&nbsp;</div>
<div class="point" style="top: 107.55px; left: 51px;">&nbsp;</div>
<div class="point" style="top: 52.45px; left: 109px;">&nbsp;</div>
<div class="point" style="top: 108.57px; left: 52px;">&nbsp;</div>
<div class="point" style="top: 51.43px; left: 108px;">&nbsp;</div>
<div class="point" style="top: 109.51px; left: 53px;">&nbsp;</div>
<div class="point" style="top: 50.49px; left: 107px;">&nbsp;</div>
<div class="point" style="top: 110.4px; left: 54px;">&nbsp;</div>
<div class="point" style="top: 49.6px; left: 106px;">&nbsp;</div>
<div class="point" style="top: 111.22px; left: 55px;">&nbsp;</div>

<div class="point" style="top: 48.78px; left: 105px;">&nbsp;</div>
<div class="point" style="top: 112px; left: 56px;">&nbsp;</div>
<div class="point" style="top: 48px; left: 104px;">&nbsp;</div>
<div class="point" style="top: 112.73px; left: 57px;">&nbsp;</div>
<div class="point" style="top: 47.27px; left: 103px;">&nbsp;</div>
<div class="point" style="top: 113.41px; left: 58px;">&nbsp;</div>
<div class="point" style="top: 46.59px; left: 102px;">&nbsp;</div>
<div class="point" style="top: 114.04px; left: 59px;">&nbsp;</div>
<div class="point" style="top: 45.96px; left: 101px;">&nbsp;</div>
<div class="point" style="top: 114.64px; left: 60px;">&nbsp;</div>
<div class="point" style="top: 45.36px; left: 100px;">&nbsp;</div>
<div class="point" style="top: 115.2px; left: 61px;">&nbsp;</div>
<div class="point" style="top: 44.8px; left: 99px;">&nbsp;</div>
<div class="point" style="top: 115.72px; left: 62px;">&nbsp;</div>
<div class="point" style="top: 44.28px; left: 98px;">&nbsp;</div>
<div class="point" style="top: 116.21px; left: 63px;">&nbsp;</div>
<div class="point" style="top: 43.79px; left: 97px;">&nbsp;</div>

<div class="point" style="top: 116.66px; left: 64px;">&nbsp;</div>
<div class="point" style="top: 43.34px; left: 96px;">&nbsp;</div>
<div class="point" style="top: 117.08px; left: 65px;">&nbsp;</div>
<div class="point" style="top: 42.92px; left: 95px;">&nbsp;</div>
<div class="point" style="top: 117.47px; left: 66px;">&nbsp;</div>
<div class="point" style="top: 42.53px; left: 94px;">&nbsp;</div>
<div class="point" style="top: 117.83px; left: 67px;">&nbsp;</div>
<div class="point" style="top: 42.17px; left: 93px;">&nbsp;</div>
<div class="point" style="top: 118.16px; left: 68px;">&nbsp;</div>
<div class="point" style="top: 41.84px; left: 92px;">&nbsp;</div>
<div class="point" style="top: 118.46px; left: 69px;">&nbsp;</div>
<div class="point" style="top: 41.54px; left: 91px;">&nbsp;</div>
<div class="point" style="top: 118.73px; left: 70px;">&nbsp;</div>
<div class="point" style="top: 41.27px; left: 90px;">&nbsp;</div>
<div class="point" style="top: 118.97px; left: 71px;">&nbsp;</div>
<div class="point" style="top: 41.03px; left: 89px;">&nbsp;</div>
<div class="point" style="top: 119.19px; left: 72px;">&nbsp;</div>

<div class="point" style="top: 40.81px; left: 88px;">&nbsp;</div>
<div class="point" style="top: 119.38px; left: 73px;">&nbsp;</div>
<div class="point" style="top: 40.62px; left: 87px;">&nbsp;</div>
<div class="point" style="top: 119.55px; left: 74px;">&nbsp;</div>
<div class="point" style="top: 40.45px; left: 86px;">&nbsp;</div>
<div class="point" style="top: 119.69px; left: 75px;">&nbsp;</div>
<div class="point" style="top: 40.31px; left: 85px;">&nbsp;</div>
<div class="point" style="top: 119.8px; left: 76px;">&nbsp;</div>
<div class="point" style="top: 40.2px; left: 84px;">&nbsp;</div>
<div class="point" style="top: 119.89px; left: 77px;">&nbsp;</div>
<div class="point" style="top: 40.11px; left: 83px;">&nbsp;</div>
<div class="point" style="top: 119.95px; left: 78px;">&nbsp;</div>
<div class="point" style="top: 40.05px; left: 82px;">&nbsp;</div>
<div class="point" style="top: 119.99px; left: 79px;">&nbsp;</div>
<div class="point" style="top: 40.01px; left: 81px;">&nbsp;</div>
<div class="point" style="top: 120px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 40px; left: 80px;">&nbsp;</div>

<div class="point" style="top: 119.99px; left: 81px;">&nbsp;</div>
<div class="point" style="top: 40.01px; left: 79px;">&nbsp;</div>
<div class="point" style="top: 119.95px; left: 82px;">&nbsp;</div>
<div class="point" style="top: 40.05px; left: 78px;">&nbsp;</div>
<div class="point" style="top: 119.89px; left: 83px;">&nbsp;</div>
<div class="point" style="top: 40.11px; left: 77px;">&nbsp;</div>
<div class="point" style="top: 119.8px; left: 84px;">&nbsp;</div>
<div class="point" style="top: 40.2px; left: 76px;">&nbsp;</div>
<div class="point" style="top: 119.69px; left: 85px;">&nbsp;</div>
<div class="point" style="top: 40.31px; left: 75px;">&nbsp;</div>
<div class="point" style="top: 119.55px; left: 86px;">&nbsp;</div>
<div class="point" style="top: 40.45px; left: 74px;">&nbsp;</div>
<div class="point" style="top: 119.38px; left: 87px;">&nbsp;</div>
<div class="point" style="top: 40.62px; left: 73px;">&nbsp;</div>
<div class="point" style="top: 119.19px; left: 88px;">&nbsp;</div>
<div class="point" style="top: 40.81px; left: 72px;">&nbsp;</div>
<div class="point" style="top: 118.97px; left: 89px;">&nbsp;</div>

<div class="point" style="top: 41.03px; left: 71px;">&nbsp;</div>
<div class="point" style="top: 118.73px; left: 90px;">&nbsp;</div>
<div class="point" style="top: 41.27px; left: 70px;">&nbsp;</div>
<div class="point" style="top: 118.46px; left: 91px;">&nbsp;</div>
<div class="point" style="top: 41.54px; left: 69px;">&nbsp;</div>
<div class="point" style="top: 118.16px; left: 92px;">&nbsp;</div>
<div class="point" style="top: 41.84px; left: 68px;">&nbsp;</div>
<div class="point" style="top: 117.83px; left: 93px;">&nbsp;</div>
<div class="point" style="top: 42.17px; left: 67px;">&nbsp;</div>
<div class="point" style="top: 117.47px; left: 94px;">&nbsp;</div>
<div class="point" style="top: 42.53px; left: 66px;">&nbsp;</div>
<div class="point" style="top: 117.08px; left: 95px;">&nbsp;</div>
<div class="point" style="top: 42.92px; left: 65px;">&nbsp;</div>
<div class="point" style="top: 116.66px; left: 96px;">&nbsp;</div>
<div class="point" style="top: 43.34px; left: 64px;">&nbsp;</div>
<div class="point" style="top: 116.21px; left: 97px;">&nbsp;</div>
<div class="point" style="top: 43.79px; left: 63px;">&nbsp;</div>

<div class="point" style="top: 115.72px; left: 98px;">&nbsp;</div>
<div class="point" style="top: 44.28px; left: 62px;">&nbsp;</div>
<div class="point" style="top: 115.2px; left: 99px;">&nbsp;</div>
<div class="point" style="top: 44.8px; left: 61px;">&nbsp;</div>
<div class="point" style="top: 114.64px; left: 100px;">&nbsp;</div>
<div class="point" style="top: 45.36px; left: 60px;">&nbsp;</div>
<div class="point" style="top: 114.04px; left: 101px;">&nbsp;</div>
<div class="point" style="top: 45.96px; left: 59px;">&nbsp;</div>
<div class="point" style="top: 113.41px; left: 102px;">&nbsp;</div>
<div class="point" style="top: 46.59px; left: 58px;">&nbsp;</div>
<div class="point" style="top: 112.73px; left: 103px;">&nbsp;</div>
<div class="point" style="top: 47.27px; left: 57px;">&nbsp;</div>
<div class="point" style="top: 112px; left: 104px;">&nbsp;</div>
<div class="point" style="top: 48px; left: 56px;">&nbsp;</div>
<div class="point" style="top: 111.22px; left: 105px;">&nbsp;</div>
<div class="point" style="top: 48.78px; left: 55px;">&nbsp;</div>
<div class="point" style="top: 110.4px; left: 106px;">&nbsp;</div>

<div class="point" style="top: 49.6px; left: 54px;">&nbsp;</div>
<div class="point" style="top: 109.51px; left: 107px;">&nbsp;</div>
<div class="point" style="top: 50.49px; left: 53px;">&nbsp;</div>
<div class="point" style="top: 108.57px; left: 108px;">&nbsp;</div>
<div class="point" style="top: 51.43px; left: 52px;">&nbsp;</div>
<div class="point" style="top: 107.55px; left: 109px;">&nbsp;</div>
<div class="point" style="top: 52.45px; left: 51px;">&nbsp;</div>
<div class="point" style="top: 106.46px; left: 110px;">&nbsp;</div>
<div class="point" style="top: 53.54px; left: 50px;">&nbsp;</div>
<div class="point" style="top: 105.28px; left: 111px;">&nbsp;</div>
<div class="point" style="top: 54.72px; left: 49px;">&nbsp;</div>
<div class="point" style="top: 104px; left: 112px;">&nbsp;</div>
<div class="point" style="top: 56px; left: 48px;">&nbsp;</div>
<div class="point" style="top: 102.61px; left: 113px;">&nbsp;</div>
<div class="point" style="top: 57.39px; left: 47px;">&nbsp;</div>
<div class="point" style="top: 101.07px; left: 114px;">&nbsp;</div>
<div class="point" style="top: 58.93px; left: 46px;">&nbsp;</div>

<div class="point" style="top: 99.36px; left: 115px;">&nbsp;</div>
<div class="point" style="top: 60.64px; left: 45px;">&nbsp;</div>
<div class="point" style="top: 97.44px; left: 116px;">&nbsp;</div>
<div class="point" style="top: 62.56px; left: 44px;">&nbsp;</div>
<div class="point" style="top: 95.2px; left: 117px;">&nbsp;</div>
<div class="point" style="top: 64.8px; left: 43px;">&nbsp;</div>
<div class="point" style="top: 92.49px; left: 118px;">&nbsp;</div>
<div class="point" style="top: 67.51px; left: 42px;">&nbsp;</div>
<div class="point" style="top: 88.89px; left: 119px;">&nbsp;</div>
<div class="point" style="top: 71.11px; left: 41px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 120px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 40px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 81px;">&nbsp;</div>
<div class="point" style="top: 81px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 82px;">&nbsp;</div>

<div class="point" style="top: 82px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 83px;">&nbsp;</div>
<div class="point" style="top: 83px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 84px;">&nbsp;</div>
<div class="point" style="top: 84px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 85px;">&nbsp;</div>
<div class="point" style="top: 85px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 86px;">&nbsp;</div>
<div class="point" style="top: 86px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 87px;">&nbsp;</div>
<div class="point" style="top: 87px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 88px;">&nbsp;</div>
<div class="point" style="top: 88px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 89px;">&nbsp;</div>
<div class="point" style="top: 89px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 90px;">&nbsp;</div>
<div class="point" style="top: 90px; left: 80px;">&nbsp;</div>

<div class="point" style="top: 80px; left: 91px;">&nbsp;</div>
<div class="point" style="top: 91px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 92px;">&nbsp;</div>
<div class="point" style="top: 92px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 93px;">&nbsp;</div>
<div class="point" style="top: 93px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 94px;">&nbsp;</div>
<div class="point" style="top: 94px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 95px;">&nbsp;</div>
<div class="point" style="top: 95px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 96px;">&nbsp;</div>
<div class="point" style="top: 96px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 97px;">&nbsp;</div>
<div class="point" style="top: 97px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 98px;">&nbsp;</div>
<div class="point" style="top: 98px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 99px;">&nbsp;</div>

<div class="point" style="top: 99px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 100px;">&nbsp;</div>
<div class="point" style="top: 100px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 101px;">&nbsp;</div>
<div class="point" style="top: 101px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 102px;">&nbsp;</div>
<div class="point" style="top: 102px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 103px;">&nbsp;</div>
<div class="point" style="top: 103px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 104px;">&nbsp;</div>
<div class="point" style="top: 104px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 105px;">&nbsp;</div>
<div class="point" style="top: 105px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 106px;">&nbsp;</div>
<div class="point" style="top: 106px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 107px;">&nbsp;</div>
<div class="point" style="top: 107px; left: 80px;">&nbsp;</div>

<div class="point" style="top: 80px; left: 108px;">&nbsp;</div>
<div class="point" style="top: 108px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 109px;">&nbsp;</div>
<div class="point" style="top: 109px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 110px;">&nbsp;</div>
<div class="point" style="top: 110px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 111px;">&nbsp;</div>
<div class="point" style="top: 111px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 112px;">&nbsp;</div>
<div class="point" style="top: 112px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 113px;">&nbsp;</div>
<div class="point" style="top: 113px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 114px;">&nbsp;</div>
<div class="point" style="top: 114px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 115px;">&nbsp;</div>
<div class="point" style="top: 115px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 116px;">&nbsp;</div>

<div class="point" style="top: 116px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 117px;">&nbsp;</div>
<div class="point" style="top: 117px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 118px;">&nbsp;</div>
<div class="point" style="top: 118px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 119px;">&nbsp;</div>
<div class="point" style="top: 119px; left: 80px;">&nbsp;</div>
<div class="point" style="top: 80px; left: 120px;">&nbsp;</div>
<div class="point" style="top: 120px; left: 80px;">&nbsp;</div>
Using some sort of custom XML:

Code: Select all

<point y="115.72" x="98" />
EDIT | This will appear in CVS when I feel there's enough to get going with.
s00263668
Forum Newbie
Posts: 6
Joined: Tue Jul 18, 2006 9:48 pm

Post by s00263668 »

can i have some picture snapshots?
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post by Chris Corbyn »

s00263668 wrote:can i have some picture snapshots?
There are three examples linked to in the second post of this thread. I'm no longer actively developing this for the time being although it's not "dead" since I'll likely continue with it in the future when I have a little more time. ~Roja is also on the development team for this and has made some changes which are available on SourceForge.
User avatar
Hades
Forum Commoner
Posts: 35
Joined: Mon May 08, 2006 4:49 pm

Post by Hades »

Regarding the screen vs print problem... Why not use CSS to dictate different things when printed to whats on the screen and instead of using background colours you could have a separate graph shown using images for the bars. (1px x 1px shouldn't be too hard ;))
deleet
Forum Commoner
Posts: 28
Joined: Thu Mar 23, 2006 10:05 am

Post by deleet »

Good job, I find this very very useful. Once again, good job and thank you !
User avatar
the_last_tamurai
Forum Commoner
Posts: 87
Joined: Wed Feb 28, 2007 8:24 am
Location: cairo
Contact:

Post by the_last_tamurai »

could I pass 2 arrays to the class to make bar chart of two compared bars per label???
User avatar
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098
Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia

Post by Chris Corbyn »

:o :o Aaarrggghhh... My old stinky code keeps coming back to haunt me :lol:

No, this class wouldn't do that, it's pretty basic really. You could at best create a bigger array and alternate the bar colors.
Post Reply