2012-10-31 15 views
5

Sto cercando un algoritmo o una soluzione di esempio per disegnare linee di connessione tra rettangoli. Nel mio caso i rettangoli sono elementi. Il diagramma di Gantt e le connessioni mostrano le depenute. Sto usando la libreria Raphael JS per disegnare rettangoli e linee. Quindi una soluzione in JavaScript sarebbe la migliore, ma anche un algoritmo in linguaggio meta o altro JS simile sarebbe bello.per linee che collegano rettangoli

Ho trovato an example that looks nice ma forse qualcuno sa qualcos'altro.

Nel mio caso ci sono alcuni requisiti in materia:

  1. linee solo orizzontali e verticali sono ammessi
  2. linee non devono incrociarsi
  3. linee non dovrebbero rettangoli incrociati spero di ottenere qualcosa simile a questo:

Visio Gantt chart

+0

questa domanda è vivo? beh, con la tela HTML5 potresti farne una simile o con KinecticJS – lindosekai

risposta

0

Sembra che stiate cercando i grafici javascript gantt. Scopri di questo:

http://dhtmlx.com/docs/products/dhtmlxGantt/index.shtml

  • grafico modificabile
  • Pieno controllo con API JavaScript supporto
  • multi-browser/multi-piattaforma
  • Caricamento da XML
  • serializzazione XML
  • Attività mobili/ridimensionabili
  • Built-in menu di modifica, oltre al supporto dhtmlxMenu personalizzato
  • proprietà estese pop-up
  • albero opzionale vista
  • abbonamento compito personalizzabile
  • sfumature percentuale di completamento
  • frecce di dipendenza
  • il rendering veloce e liscio
  • Controllo dei vincoli incorporato
  • Modalità di stampa

http://www.bryntum.com/products/gantt/

  • costruito interamente su standard web - HTML/CSS/JavaScript
  • utilizzo con qualsiasi server (PHP, Java, ASP.NET)
  • supporta le dipendenze, anticipo/ritardo e percorso critico
  • Esporta in PDF/PNG, importazione MS Project
  • progetto, attività e risorse calendari
  • Unità testato con Siesta

http://gxt-scheduler.com/

  • Costruito interamente su standard Web - HTML/CSS/GWT
  • integra con qualsiasi tipo di back-end
  • completamente themeable, che richiede solo la conoscenza di base di HTML/CSS
  • drag & drop e ridimensionare gli elementi facilmente
  • supporta tutti i principali browser

http://gantter.com/

  • integrazione di google drive
  • Programmazione GRATUITA di progetti basati su cloud

http://gantt.twproject.com/

  • modifica sul posto
  • trascinamento & goccia
  • zoom
  • fare/disfare
  • più dipendenze
  • editing completo
  • date s hortcuts
  • pelle css
  • multiple del browser
  • risorse editing
  • multipli di assegnazione
  • pietre miliari
  • esportare dati in formato JSON
  • ridimensionare & scorrimento
Problemi correlati