Google Charts - Curved Liniendiagramm fällt falsch unter 0

Question

Ich habe ein Google-Liniendiagramm, ich setze 'curveType': 'function' so dass das Diagramm gekrümmt ist und ein schönes Aussehen hat. Mein Problem ist, dass, wenn ein Datenpunkt den Wert 0 hat, gefolgt von einem folgenden hohen Wert, das Diagramm unter 0 fällt, damit die Kurve korrekt passt. Dies hat auch zur Folge, dass die vAxis einen minRange von -2000 hat, was für meine Daten (Anzahl der Downloads im Zeitverlauf) nicht möglich ist.

Ich habe versucht, dies zu lösen, indem 'minValue': 0 und 'viewWindowMode': 'maximized' auf die VAxis gesetzt, aber es hat das Problem nicht vollständig gelöst.

Ich habe ein Bild beigefügt, das mein Problem viel besser erklären wird, als ich mit Worten kann.

http://img41.imageshack.us/img41/7589/screenshot20121031at144.png

Wenn jemand eine Lösung für dieses weiß, ohne mich zurück in geraden Linien zu gehen, wäre es sehr geschätzt werden. Danke

Answer 1

Nur ein kurzes Update auf Dies. Ich erkannte, dass meine Daten ohnehin nicht für einen gekrümmten Graphen geeignet sind, da es sich um diskrete Daten handelt und nicht kontinuierlich. Ich musste auf gerade Linien umschalten, was mein Problem beseitigte. Nicht eine ideale Lösung, ich weiß, aber es ist eine, die für mich arbeitete.

Answer 2

Sie könnten eine andere Diagrammbibliothek versuchen. Ich verwende oft flicht für einfache Grafiken und raphael Graphen für kompliziertere Dinge (etwas schwieriger zu manipulieren, und sieht ein bisschen mehr klobig mir)

gRaphael: http://g.raphaeljs.com/ Flot: http://www.flotcharts.org/

Answer 3

Die Kurve kann weiterhin unter 0 fallen, egal was Sie tun, aber Sie können die Ansicht zuschneiden, sodass der niedrigste Punkt des angezeigten Diagramms 0 ist. Dies können Sie mit der Eigenschaft vAxis.viewWindow.min tun:

lineChart.draw(data, 
    { 
    curveType: "function", 
    vAxis: {viewWindow: {min:0} } 
    } 
); 

Siehe LineChart documentation Informationen über vAxis.viewWindow.min und andere Konfigurationsoptionen.