ASP GANTT CHART

I AM IN THE PROCESS OF DEVELOPING A PROJECT SCHEDULER APPLICATION IN ASP/JAVASCRIPT.
I NEED A WAY TO DISPLAY MY TIMELINES IN A GANTT CHART WITH MILESTONES ALSO INVOLVED.
EG..
PROJECT1 -----------------------------------
PROJECT 2-----------------

ANY HELP IS APPRCEIATED AS IS URGENT.

THANX.
suryajandhyalaAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

suryajandhyalaAuthor Commented:
please do so.
0
Ayesha_KCommented:
Best option can be to have a third party component for displaying the charts ... you can display so many varied kinds of charts based on some data from the database ... the one that i used in a few projects was Charts FX ... give that a try

Regards,
Ayesha Khan
0
alorentzCommented:
You could make a table with 100 columns, and then depending on the percentage of the project completed you would use "colspan" to set the number of columns for the color to fill.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Cloud Class® Course: Amazon Web Services - Basic

Are you thinking about creating an Amazon Web Services account for your business? Not sure where to start? In this course you’ll get an overview of the history of AWS and take a tour of their user interface.

JagCCommented:
Single pixel gifs.
Available in loads of colours.

I did a simple chart thing for an assessment app I finished recently. It used single pixel gifs or different colours, and specified the size I wanted.

Say your chart is to be 500 pixels wide and you want to show 10 days - each day would be a 50 pixels wide. You can the specify the width"" of the image and the colour according to the phase the item is in.
Combine this with alorenz's idea (without the colspans :) but have a borderless table with table cell backgrounds meaning something (in progress, not started etc etc) and have gif icons as milestones, split tasks etc etc.
0
alorentzCommented:
>>Combine this with alorenz's idea

Now that's Teamwork! ;-)
0
sciber_dudeCommented:
@ suryajandhyala -

Here is a demo - http://www33.brinkster.com/sbpress/gantt.asp
And the source code.. http://www33.brinkster.com/sbpress/gantt.zip

I have used ASP/VBScript to create this. I have used a solution similar to what alorentz suggested. But instead of 100 columns, I have used 3 columns.

:) SD
0
JagCCommented:
Hmmm, thinking about it why not use DIVs? You can specify absolute coordinates and dimensions - and they have a z axis (front to back) allowing them to overlap - and they can have images in them:

<div id="Layer1" style="position:absolute; width:517px; height:14px; z-index:1; left: 79px; top: 69px; background-color: #0000FF; layer-background-color: #0000FF; border: 1px none #000000;"></div>
<div id="Layer2" style="position:absolute; width:20px; height:20px; z-index:2; left: 296px; top: 69px; background-color: #99FF00; layer-background-color: #99FF00; border: 1px none #000000;"></div>

This creates a long blue line with a small green square on it - just to show the effect. But the height could be altered and a milestone icon placed in teh green one. This would allow exact sizing and scaling of each task aswell as allow many different types of icons for future extendability.
0
suryajandhyalaAuthor Commented:
Hey All,

Sorry was away yesterday. Thanks for all your suggestions. They are all very viable. This at least gives me an idea to start.
0
sciber_dudeCommented:
@ suryajandhyala -

Another option would be to go with either VML (works only on IE) or SVG or one of those JPEG generating third-party programs to generate graphs.

:) SD
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ASP

From novice to tech pro — start learning today.