2013-08-03 12 views
9

Ich habe Daten über das Ergebnis auf einige Termine aufgetreten:Google Chart - zwei Datums Serie auf dem gleichen Chart

['2013-02-13',100],['2013-03-20',200],['2013-04-11',160] 

und Daten über Kosten aufgetreten auf einigen anderen Terminen:

['2013-02-22',60],['2013-03-04',90],['2013-03-25',110] 

So X- Achse ist fortlaufend eins (Datum), und Y-Achse stellt Ertrags-/Kostenwerte (Anzahl) dar. Ich möchte diese beiden Datum-Wert-Reihen auf demselben Diagramm darstellen. Sie haben die gleiche Zeitleiste, aber die Ereignisse sind an unterschiedlichen Daten aufgetreten?

Ist das möglich?

Antwort

26

Ja, Sie müssen nur die beiden Datensätze verbinden, mit der google.visualization.data.join Methode:

var joinedData = google.visualization.data.join(data1, data2, 'full', [[0, 0]], [1], [1]); 

Wenn Sie ein Diagramm mit dieser Methode zeichnen, werden Sie zwei Reihen von Daten, die zusammen kartiert werden können. Siehe dieses Beispiel: http://jsfiddle.net/asgallant/XF7JE/

Übrigens, mit Ihren Daten wie eingegeben, erhalten Sie eine diskrete Achse, keine kontinuierliche Achse. Sie müssen die Daten als JavaScript-Date-Objekte eingeben, um eine kontinuierliche Achse zu erhalten.

+0

Was meinen Sie mit "zwei Graphen auf einer Karte"? Ich habe meine Antwort oben mit einer ausführlicheren Erklärung und einer Demo bearbeitet, falls das hilft. – asgallant

+0

Das ist es jetzt !. Danke, Ashgallant sehr sehr! Ich wusste nicht, was ich als Schlüssel- und Spaltenparameter der Join-Methode definieren sollte! – sbrbot

+0

Mit kontinuierlicher X-Achse (http://jsfiddle.net/sbrbot/sj24C/) – sbrbot