Ich habe eine Zeichenfolge, die Daten wie 2014-Juli-2014 darstellt. Ich formatiere dieses Datum in Javacript, damit ich es als Argument für das Google-Kalenderdiagramm verwenden kann.

Z.B

var x = "2014-July-12";

var splitted = x.spilt('-');
// to get "2014" at index [0], "July" at index [1] and "12" at index [2].

Ich verwende dann ein Schlüsselwertarray, um die Anzahl der Monate zu ermitteln. Dann fülle ich die Google Kalender-Datentabelle mit ..

data.addRow([new Date(ParseInt("splitted[0]"),months.splitted[1], ParseInt("splitted[2]")), dataValues[i].Value]);

Ich verwende ParseInt (), um Zeichenfolgen in Zahlen zu konvertieren, da new Date (yyy, mm, dd) nur Ganzzahlen als Argumente verwendet. Ich kann diesen Kalender nicht zum Laufen bringen. Ich habe viel im Internet gesucht, kann aber kein gutes Beispiel dafür finden, wie man ein Google-Kalenderkalenderdiagramm aus einer JSON-Datei auffüllt.

Kann ihr euch das mal ansehen und mir erklären, wo ich falsch liege? Danke im Voraus

Draw Calendar Chart Function

function drawCalendarChart(jsonObj) {

    var dataValues = eval(jsonObj)
       var data = new google.visualization.DataTable(dataValues);
       data.addColumn({ type: 'date', id: 'Date' });
       data.addColumn({ type: 'number', id: 'Reports' });

       for (var i = 0; i < dataValues.length; i++) {

           var date = new Date(dataValues[i].Date);
           var year = date.getFullYear(), month = (date.getMonth() + 1), day = date.getDate();
           if (month < 10) month = "0" + month;
           if (day < 10) day = "0" + day;
           var Formatted = "" + year + "," + month + "," + day;
           //           data.addRow([new Date(dataValues[i].Date), dataValues[i].Frequencies]);
           data.addRow([new Date(Formatted), dataValues[i].Frequencies]);
       }
       var options = {
         title: "Calendar Chart",
         height: 350
       };
       var chart = new google.visualization.Calendar(document.getElementById('chart'));

       chart.draw(data, options);
       var table = new google.visualization.Table(document.getElementById('table'));
       table.draw(data, { showRowNumber: true });
   }

Ich habe die Funktion hinzugefügt, mit der ich das Diagramm zeichne. Die Daten ergeben einen NaN, NaN-Fehler. Die Frequenz bekommt die richtigen Werte. Es muss also mit der Datumsformatierung zusammenhängen. Dies ist die Testzeichenfolge, die ich verwende.

[
    {
        "Date": "2014-January-15",
        "Frequencies": 11
    },
    {
        "Date": "2014-January-8",
        "Frequencies": 22
    },
    {
        "Date": "2014-January-10",
        "Frequencies": 11
    }
]