2009-06-17 27 views
18

Necesito insertar un gráfico de barras horizontales en una página web. Lo que tengo que hacer es muy similar a un diagrama de Gantt.Diagrama de Gantt en línea

Me gustaría utilizar una biblioteca de JavaScript para tal fin. Intenté jsgantt, pero en realidad no es muy hermoso.

Podría evaluar también una generación de servidor del gráfico. En caso de que mi lenguaje de servidor sea Python.

Será parte de un proyecto interno sin acceso a Internet, por lo que Google Charts no es una opción.

Respuesta

0

Tal vez usted puede conseguir algunas impresiones de cómo podría hacerse mediante los siguientes ejemplos:

espero que estos son suficientes para que un poco de inspiración.

+3

Esta respuesta podría mejorarse convirtiendo esas URL en enlaces. Como en [título] (URL). – muhuk

9

Tener un vistazo a la flot jQuery plugin:

Flot es una pura biblioteca de trazado Javascript para jQuery. Produce gráficas de conjuntos de datos arbitrarios sobre la marcha del lado del cliente.

El objetivo es el uso simple (todas las configuraciones son opcionales), apariencia atractiva y funciones interactivas como el zoom y el seguimiento del mouse.

La biblioteca puede producir gráficos de barras, y es utilizada por nuestro sitio de host; eche un vistazo a Stack Overflow Reputation History página.

+1

ejemplo iin Stack Overflow es un gráfico de barras simple que muestra eventos a lo largo del tiempo, no gantt. Aquí hay un mejor ejemplo. http://www.jumware.com/Includes/jquery/Flot/Examples/Gantt.html –

+0

Cuando se hizo la sugerencia (flot) (hace casi 4 años), el gráfico de reputación SO usaba flot. Hoy usa http://www.highcharts.com/, y probablemente use algo más dentro de 4 años. – gimel

0

ver también Open Flash Chart da ayuda de apoyo también para los lenguajes de programación más populares.

+0

cuadro de flash abierto es bueno, pero no tiene diagrama de Gantt dentro de – nightingale2k1

+0

sí, por supuesto, pero es bastante simple de hacer cuadro personalizado – DrFalk3n

0

Puede utilizar FusionWidget en http://www.fusioncharts.com/widgets/gallery.asp. No es gratis, pero su diagrama de Gantt funciona mucho para mí.

+0

¿Todavía está utilizando este diagrama de Gantt?Tengo problemas para representar muchos procesos horizontales ... – Don

2

Eche un vistazo a http://www.ext-scheduler.com. 100% JavaScript, basado en ExtJS. Descargo de responsabilidad: lo escribí.

+0

La concesión de licencias no está clara, en busca de alternativas. – alekwisnia

+0

¿Definir confuso? Si tiene alguna pregunta, no dude en ponerse en contacto conmigo directamente en Skype: mats.bryntse :) – mats

+1

No puedo usarlo como tgantt - pague y olvide. La licencia es por servidor y por usuario. ¿Cómo puedo saber cuántos usuarios tendrá mi cliente en un año? La tarifa es anual y debo comprar la licencia extjs por separado. Lamento decirlo, pero tgantt, que es mucho más sofisticado, ofrece precios mucho mejores y licencias más claras. – alekwisnia

4

Para mí, lo mejor es http://gantter.com/ no necesita proceso de registro, exporta a msproject o pdf .... ¡perfecto!

+0

Esto es increíble, ojalá lo hubiera visto antes. Gracias. – Incognito

+4

Esto está lejos de ser una respuesta. Es una solución en línea, no puedes implementarla en tu aplicación. – alekwisnia

0

me gusta éste, está todavía en desarrollo, "usarlo a su propio riesgo" pero es muy arrastrar y soltar

http://ganttapp.appspot.com

+0

acaba de echar un vistazo rápido, y parece que no es muy útil ... – rotoglup

+0

estamos arreglando la interfaz durante este verano: p va lento últimamente debido a proyectos cruzados :( – fmsf

4

Pruebe uno de esta:

http://dhtmlx.com/docs/products/dhtmlxGantt/index.shtml - ordenado diagrama , opción para editar tareas, un serio inconveniente: carece de cambio de escala de tiempo

http://dojotoolkit.org/reference-guide/dojox/gantt.html - gratis (!!), bastante agradable, pero muy difícil de personalizar (a menos que modifique el código fuente)

http://bryntum.com/gantt/ - hasta ahora, uno de mis favoritos - muy fácil de personalizar, pero concesión de licencias para proyectos comerciales es poco clara, se puede descargar de prueba durante 45 días

http://www.tgantt.com/treegrid/www/Gantt.html - de hecho, éste parece el tablero de una nave espacial y lo que es para configurar, todavía está luchando para poner esto en mi solicitud

+0

http://dhtmlx.com/docs/products /dhtmlxGantt/index.shtml bueno, pero muy caro, 699 $ para la licencia empresarial – TOUDIdel

+0

dhtmlxGantt 2.0 admite escala de tiempo personalizable para que pueda cambiar dinámicamente la escala de tiempo: http://www.dhtmlx.com/blog/?p=1993 – Paul

2

Noté que RadiantQ's jQuery Gantt Chart Package no se encuentra en esta discusión. Esto es relativamente nuevo, pero tiene muchas funciones, personalizable y puede estar vinculado a cualquier tipo de datos. La demostración en línea es here.

Cuestiones relacionadas