2009-06-17 11 views
18

Ho bisogno di inserire un grafico a barre orizzontale in una pagina web. La cosa che devo fare è molto simile a un diagramma di Gantt.Diagramma di Gantt online

Mi piacerebbe utilizzare una libreria javascript per lo scopo. Ho provato jsgantt, ma in realtà non è molto bello.

Potrei valutare anche una generazione di server del grafico. Nel caso in cui il mio linguaggio lato server è Python.

Sarà parte di un progetto interno senza accesso a Internet, quindi Google Charts non è un'opzione.

risposta

0

Forse è possibile ottenere alcune impressioni di come potrebbe essere fatto da questi esempi:

Spero che questi sono sufficienti per qualche ispirazione.

+3

Questa risposta potrebbe essere migliorata rendendo tali URL nei collegamenti. Come in [titolo] (URL). – muhuk

9

Date un'occhiata al flot jQuery plugin:

Flot è un puro JavaScript tramando libreria per jQuery. Produce grafici di set di dati arbitrari al volo sul lato client.

L'obiettivo è l'utilizzo semplice (tutte le impostazioni sono opzionali), l'aspetto accattivante e le funzionalità interattive come lo zoom e il puntamento del mouse.

La libreria può produrre grafici a barre ed è utilizzata dal nostro sito host - dare un'occhiata alla pagina Stack Overflow Reputation History.

+1

esempio iin Stack Overflow è un grafico a barre semplice che mostra gli eventi nel tempo, non Gantt. Ecco un esempio migliore. http://www.jumware.com/Includes/jquery/Flot/Examples/Gantt.html –

+0

Quando il suggerimento (flot) è stato fatto (circa 4 anni fa), flot era in uso dal grafico della reputazione SO. Oggi utilizza http://www.highcharts.com/ e probabilmente userà qualcos'altro da qui a 4 anni. – gimel

0

vedi anche Open Flash Chart fornisce supporto anche per i linguaggi di programmazione più diffusi.

+0

open flash chart è bello ma non ha diagrammi di gantt all'interno di – nightingale2k1

+0

sì certo, ma è abbastanza semplice creare grafici personalizzati – DrFalk3n

0

È possibile utilizzare FusionWidget a http://www.fusioncharts.com/widgets/gallery.asp. Non è gratuito, ma il suo diagramma di Gantt funziona molto per me.

+0

Stai ancora usando questo diagramma di Gantt?Ho problemi con esso che rappresentano molti processi orizzontali ... – Don

2

Dai un'occhiata a http://www.ext-scheduler.com. 100% JavaScript, basato su ExtJS. Disclaimer: l'ho scritto.

+0

La licenza non è chiara, alla ricerca di alternative. – alekwisnia

+0

Definire non chiaro? Se avete domande, non esitate a contattarmi direttamente su Skype: mats.bryntse :) – mats

+1

Non posso semplicemente usarlo come tgantt - pagare e dimenticare. La licenza è per server per utente: come posso immaginare quanti utenti avrà il mio cliente in un anno? La quota è annuale e ho bisogno di acquistare la licenza extjs separatamente. Mi spiace dirlo, ma tgantt, che è molto più sofisticato, offre prezzi molto migliori e licenze più chiare. – alekwisnia

4

Per me, il migliore è http://gantter.com/ non è necessario il processo di registrazione, esporta in msproject o pdf .... perfetto!

+0

È fantastico, vorrei averlo visto prima. Grazie. – Incognito

+4

Questo è lontano dalla risposta. È una soluzione online, non puoi implementarla nella tua app. – alekwisnia

0

mi piace questo, è ancora in fase di sviluppo "usarlo a vostro rischio e pericolo", ma è molto drag and drop

http://ganttapp.appspot.com

+0

ha appena avuto una rapida occhiata, e non sembra molto utilizzabile ... – rotoglup

+0

stiamo riparando l'interfaccia durante questa estate: p sta andando lentamente ultimamente a causa di progetti trasversali :( – fmsf

4

Prova uno di questo:

http://dhtmlx.com/docs/products/dhtmlxGantt/index.shtml - grafico pulito , opzione per modificare le attività, uno svantaggio serio: manca il cambiamento di scala

http://dojotoolkit.org/reference-guide/dojox/gantt.html - gratuito (!!), molto bello, ma molto difficile da personalizzare (a meno che non si modifichi il codice sorgente)

http://bryntum.com/gantt/ - finora, uno dei miei preferiti - molto facile da personalizzare, ma di licenze per progetti commerciali non è chiaro, è possibile scaricare di prova per 45 giorni

http://www.tgantt.com/treegrid/www/Gantt.html - in realtà, questo si presenta come plancia di una nave spaziale e così è per la configurazione, ancora lottando per mettere questo nella mia domanda

+0

http://dhtmlx.com/docs/products /dhtmlxGantt/index.shtml bello, ma molto costoso, 699 $ per la licenza aziendale – TOUDIdel

+0

dhtmlxGantt 2.0 supporta la scala temporale personalizzabile in modo da poter modificare dinamicamente la scala temporale: http://www.dhtmlx.com/blog/?p=1993 – Paul

2

ho notato che RadiantQ's jQuery Gantt Chart Package manca in questa discussione. Questo è relativamente nuovo, ma ha molte caratteristiche, personalizzabile e può essere associato a qualsiasi tipo di dati. La demo online è here.