2012-10-31 14 views
7

Mam wykres liniowy Google, ustawiam 'curveType': 'function', aby wykres był zakrzywiony i miał ładny wygląd. Mój problem polega na tym, że gdy punkt danych ma wartość 0, a następnie następną wysoką wartość, wykres spada poniżej 0, aby krzywa mogła prawidłowo pasować. Powoduje to również, że vAxis ma wartość minRange -2000, nie jest to możliwe dla moich danych (liczba pobrań w czasie).Wykresy Google - zakrzywiona wykres liniowy niepoprawnie spadki poniżej 0

Próbowałem rozwiązać ten problem, ustawiając 'minValue': 0 i 'viewWindowMode': 'maximized' na vAxis, ale to nie rozwiązało całkowicie problemu.

Dołączyłem obraz, który wyjaśni mój problem o wiele lepiej niż słowa.

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

Jeśli ktoś zna rozwiązanie tego beze mnie konieczności wrócić do linii prostych, byłoby mile widziane. Dzięki

Odpowiedz

2

tylko szybki aktualizacji na to. Zdałem sobie sprawę, że moje dane nie są odpowiednie do zakrzywionego wykresu, ponieważ są to dane dyskretne, a nie ciągłe. Musiałem wrócić do linii prostych, co usunęło mój problem. Wiem, że nie jest to idealne rozwiązanie, ale to właśnie dla mnie zadziałało.

0

Możesz wypróbować inną bibliotekę wykresów. Często używam flot dla prostych wykresów i wykresy Raphael do bardziej skomplikowanych rzeczy (nieco trudniej manipulować, a wygląda na nieco bardziej przylegający do mnie)

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

+0

Będę o tym pamiętał przy przyszłej pracy, jednak niestety nie jest to odpowiednie rozwiązanie dla tego projektu, ponieważ zbyt wiele pracy zajęło przygotowanie deski rozdzielczej, innych wykresów i kontroli itp. Dzięki. – SteveEdson

12

Krzywa może nadal zanurzyć poniżej 0 bez względu na to, co robisz, ale można przyciąć widok tak najniższy punkt na wykresie wyświetlany jest na 0. Można to zrobić za pomocą właściwości vAxis.viewWindow.min:

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

Aby uzyskać więcej informacji na temat vAxis.viewWindow.min i innych opcji konfiguracyjnych, zobacz stronę LineChart documentation.

Powiązane problemy