Was ist der richtige Weg, um google Diagramme mit Daten

Sehe ich diese Verknüpfung verwenden Sie google-chart-api für die Umsetzung mehrere Diagramme zusammen

Was ist der empfohlene Weg, um Termine auf der unteren Linie, wie es scheint, wie jede Zeile in der Tabelle hat die gleiche Ebene der Raum-also wenn ich charts, wo Ihre Daten und Werte will ich der richtige Abstand zu sein, da zwischen Datum-Werte (1 Tag Unterschied sollte anders sein als 1 Monat auseinander Datenpunkte).

Scheint es, wie Sie setzen Termine in der ersten Spalte, halten jede "Zeile", die den gleichen Abstand horizontal.

BEARBEITEN: ich habe meinen code unten

function drawChart() {

        var data = new google.visualization.DataTable();
        data.addColumn('date', 'Date');
        data.addColumn('number', 'Target');
        data.addColumn('number', 'Actual');

        data.addRows(9);

        data.setValue(0, 0, new Date(2010, 1, 1));
        data.setValue(0, 1, 215);
        data.setValue(0, 2, 215);

        data.setValue(1, 0, new Date(2010, 2, 1));
        data.setValue(1, 2, 213);

        data.setValue(2, 0, new Date(2010, 2, 4));
        data.setValue(2, 2, 213);

        data.setValue(3, 0, new Date(2010, 2, 8));
        data.setValue(3, 2, 213);


        data.setValue(4, 0, new Date(2010, 3, 1));
        data.setValue(4, 2, 220);

        data.setValue(5, 0, new Date(2010, 4, 1));
        data.setValue(5, 2, 190);
InformationsquelleAutor leora | 2010-02-17
  1. 3

    Dieses Beispiel verwendet einen string zu speichern, das Jahr, so dass keine "smart" - Abstand auftreten. Allerdings, die Google DataTable unterstützt Date und DateTime Spalte Arten, so dass sollte ausreichen für deine Bedürfnisse.

    http://code.google.com/apis/visualization/documentation/reference.html#DataTable

    Grundsätzlich, anstelle von aufrufen

    ...
data.addColumn('string', 'Year');
...

    Würden Sie tun,

    ...
data.addColumn('date', 'TheDate'); //or datetime, depending on your needs

    Edit: in diesem Fall müssen Sie wahrscheinlich pad die Datum Werte selbst. Es sieht aus wie der Feste Abstand kommt von der Zeile mit index in der DataTable. Zum Beispiel können Sie sehen, dass dieser code generiert unterschiedlich angeordneten Datenpunkten im Diagramm:

    function drawVisualization() {

    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Date');
    data.addColumn('number', 'Target');

    data.addRows(9);

    data.setValue(0, 0, new Date(2010, 1, 1));
    data.setValue(0, 1, 213);

    data.setValue(3, 0, new Date(2010, 2, 1));
    data.setValue(3, 1, 213);

    data.setValue(4, 0, new Date(2010, 2, 4));
    data.setValue(4, 1, 213);

    data.setValue(5, 0, new Date(2010, 2, 8));
    data.setValue(5, 1, 213);

    new google.visualization.LineChart(document.getElementById('visualization')).draw(data, null);

    }

    • dies hilft aber löst nicht das Problem. Ich habe nun auf ändern, um Datum, sondern den horizontalen Abstand zwischen zwei Punkten ist immer noch identisch, auch wenn Ihr ein Tag auseinander oder ein Jahr entfernt
    • wird Sie Essen - ich habe meinen code oben
    • wird Sie Essen - vielen Dank für Ihre Antwort.. da werd ich haben alle Arten von Daten mit unterschiedlichen Zeilen-Indizes scheint ein wenig verrückt. ich glaube, ich kann mit dem Schalter flot-raster statt.
    • Naja, je nach Datumsbereich vs. Dichte in diesem Bereich, die folgende möglicherweise oder möglicherweise nicht möglich, für die Generierung korrekt gepolsterte Daten: für eine angegebene Datums-d, zu generieren, d der index in Ihrer DataTable verwenden Sie einfach die Differenz (in Tagen) zwischen d und Ihrem frühesten Datum als row-index in der DataTable.
    • Essen Sie - mit flot müssen Sie nicht irgendwelche von diesem, es funktioniert einfach aus der box.
    • Dann klingt es wie Flot ist der bessere hammer für diesen Nagel.

    InformationsquelleAutor Matt Ball
Schreibe einen Kommentar