Come posso creare un grafico simile al diagramma di Gantt usando jQuery?

Question

Sono nuovo di jQuery e ho provato a modificare i plug-in esistenti del diagramma di Gantt in modo da ottenere un grafico con mesi ma non giorni ma inutilmente. Qualcuno può aiutarmi a convertire l'array di dati tridimensionale in uno bidimensionale costituito solo dal mese e dall'anno (come suppongo che questa potrebbe essere una soluzione a questo problema)? Se mi sbaglio sulla soluzione, ti prego di fornirmi una soluzione. Grazie in anticipo.

// Creates a 3 dimensional array [year][month][day] of every day 
    // between the given start and end dates 
    function getDates(start, end) { 
     var dates = []; 
     dates[start.getFullYear()] = []; 
     dates[start.getFullYear()][start.getMonth()] = [start] 
     var last = start; 
     while (last.compareTo(end) == -1) { 
      var next = last.clone().addDays(1); 
      if (!dates[next.getFullYear()]) { dates[next.getFullYear()] = []; } 
      if (!dates[next.getFullYear()][next.getMonth()]) { 
       dates[next.getFullYear()][next.getMonth()] = []; 
      } 
      dates[next.getFullYear()][next.getMonth()].push(next); 
      last = next; 
     } 
     return dates; 
    } 

Answer 1

Perché non si tenta di quelli esistenti come this

Answer 2

So di tre eccellenti librerie commerciali per la creazione di diagrammi di Gantt di diversi livelli di complessità. Nessuno di essi richiede jQuery di per sé, ma possono essere utilizzati insieme a esso. Al fine di semplici alle più complesse:

• dhtmlxGantt
• Ext Gantt
• EJS TreeGrid

Answer 3

Date un'occhiata a http://gantt.twproject.com/ è libero e potente

per una descrizione completa del componente vedi http://roberto.open-lab.com/2012/08/24/jquery-gantt-editor/

fonti disponibili su Github qui: https://github.com/robicch/jQueryGantt