Datumsbereich Google Chart Tools

Ich versuche zum anzeigen von Daten auf einen Graphen mit Google Charts. Die Daten werden angezeigt in Ordnung, allerdings würde ich gerne einen Datumsbereich angezeigt werden.

Werden die Daten aus der Datenbank in ein JSON-literal-format:

{
    "cols": [
                {"label": "Week", "type": "date"},
                {"label": "Speed", "type": "number"},               
                {"type":"string","p":{"role":"tooltip"}},   
                {"type":"string","p":{"role":"tooltip"}},   
                {"type":"string","p":{"role":"tooltip"}},   
                {"type":"string","p":{"role":"tooltip"}},   

            ],
    "rows": [
               {"c":[{"v": "Date('.$date.')"},{"v": null},{"v": null},{"v": null},{"v": null},{"v": null}]},
               {"c":[{"v": "Date('.$date.')"},{"v": null},{"v": null},{"v": null},{"v": null},{"v": null}]}
            ] 
}

Daten angezeigt, die von der Woche oder Monat (null für eine einfache Lesung) zum Beispiel diese Woche:

2012, 02, 06
2012, 02, 07
2012, 02, 09

Daten nicht für jeden Tag der Woche, also in diesem Beispiel nur die Daten, die oben gezeigt werden. Was würde ich gerne gezeigt werden, ist der start in die Woche (2012, 02, 06) bis Ende der Woche (2012, 02, 12) ähnlich wie im Dritten Beispiel hier.

Konnte ich die ganze Woche zeigen, indem überprüft wird, ob das Datum in der Datenbank vorhanden ist und wenn nicht Anhängen eine zusätzliche Zeile, die null-Daten, diese jedoch meinte, die Leitung war nicht kontinuierlich und die Termine, wo nicht in Ordnung ist.

Könnte mir jemand einen Rat, wie ich gehen konnte, über das tun dies?

Dank!

Können Sie nur Ihre Daten wieder abrufen gruppiert nach der Woche, die Ihnen die Grundlagen von, was Sie suchen? Sie würden nur die aggregierten Wert für die ganze Woche, aber das kann genug sein?

InformationsquelleAutor Elliott | 2012-02-07

4

Haben Sie versucht, zu verlassen, die fehlenden Termine werden fehlende Daten (D. H. lassen Sie die Datenbank zurück 2 Werte statt 7)?

Kontinuierlichen Achse sollte behandelt fehlende Daten, die Sie gerade benötigen, um die Achsen-Bereich vom Anfang bis zum Ende der Woche.

UPDATE

für interaktives Liniendiagramm die Achse reicht, kann festgelegt werden, wie diese (als inspiriert von dieser thread):
```
hAxis: {...
        viewWindowMode: 'explicit',
        viewWindow: {min: new Date(2007,1,1),
                     max: new Date(2010,1,1)}
        ...}
```
sehen http://jsfiddle.net/REgJu/
- Ich denke, dies ist für die image charts online? Ich bin mit dem line-interactive-chart, danke.
- oh, diese ein - linechart.html? die durchgehenden Achse schaut für mich gleich aus und die Konfigurations-Optionen sind nur genannt hAxis.maxValue und hAxis.minValue
- Ja das ist das eine, aber unterstützt nur die Zahl und nicht das Datum?
- Huh, ich sehe,: ((, könnten Sie versuchen, Lesen die Werte bei impliziten Grenzen sind erstellt und reverse Engineering, wie konvertieren von Datumsangaben, die zu diesen zahlen... oder können Sie mir einen link zu dem code von einem Werktag chart bitte?
- Ein arbeiten ist das Dritte Beispiel hier: code.google.com/apis/chart/interactive/docs/...
- ok, ich habe gerade getestet diese: hAxis: {title: 'Date', format: 'MMM yy', viewWindowMode:'explicit', viewWindow:{ min: new Date(2007,1,1), max: new Date(2010,1,1) }}
- Danke! Aber es scheint nicht zu fügen Sie den Datumsbereich aus, ich bin immer auf das gleiche Datum. Keine chance auf einen jsFiddle bitte?
- jsfiddle.net/REgJu
InformationsquelleAutor Aprillion

"Ich habe es geschafft die ganze Woche zeigen, indem überprüft wird, ob das Datum in der Datenbank vorhanden ist und wenn nicht Anhängen eine zusätzliche Zeile, die null-Daten, diese jedoch meinte, die Leitung war nicht kontinuierlich und die Termine, wo nicht in Ordnung ist."

Ich denke, Sie sind auf dem richtigen Weg, die Sie gerade brauchen, um es in einer etwas anderen Weise. Ich habe die Funktion wie die unten, um die Daten kontinuierlich.

$data = array(
    1 => 50,
    2 => 75,
    4 => 65,
    7 => 60,
);
$dayAgoStart = 1;
$daysAgoEnd = 14;

$continuousData = array();

for($daysAgo=$daysAgoStart ; $daysAgo<=$daysAgoEnd ; $daysAgo++){
    if(array_key_exists($daysAgo, $data) == true){
        $continuousData[$daysAgo] = $data[$daysAgo];
    }
    else{
        $continuousData[$daysAgo] = 0;
    }
}

continuousData jetzt halten:

$data = array(
    1 => 50,
    2 => 75,
    3 => 0,
    4 => 65,
    5 => 0,
    6 => 0,
    7 => 60,
    8 => 0,
    9 => 0,
    10 => 0,
    11 => 0,
    12 => 0,
    13 => 0,
    14 => 0,
);

in dieser Reihenfolge, und dann die Daten können verwendet werden, die in den charts sind ohne Lücken.

Ich denke, dass dies scheint die beste option, so weit, danke.

InformationsquelleAutor Danack

0

Vielleicht können Sie ein unterschiedliche Diagramm-Typ? Dygraphs sieht aus wie es könnte hilfreich sein.

Sonst können Sie haben, um schreiben Sie Ihre eigenen benutzerdefinierten Diagrammtyp.
- Vielen Dank für Ihre Antwort, es wirklich braucht, um ein Liniendiagramm. Ich dachte, dass alle Elemente in ein array und das Sortieren nach Datum, aber das scheint viel zu hackish, sicherlich bin ich nicht die einzige person mit diesem problem.
InformationsquelleAutor jnnnnn

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.