Witam,
próbuję przygotować szablon wykresów pod dane z MySQL.
Podstawowe założenia to:

• Dwa typy rysowania: Area (dla avg) i Line (dla individual)
• Dane będą pobierane z MySQL
• Oś Y będzie posiadać dwie skale: Dla cen i dla przebiegów
• Wykresy muszą działać również wtedy kiedy nie będzie ciągłości danych (np. ceny dodane dnia A, a przebiegi dnia

I przy ostatnich dwóch parametrach mam duży problem. Skleciłem taki szablonik.
Po pierwsze osie Y nie stosują się do moich warunków.
Po drugie - i to znacznie gorsze - nigdzie nie znalazłem rozwiązania jak mogę tworzyć wykresy kiedy dane nie są ciągłe.
Mówię tu o choćby takiej sytuacji:

[XML] pobierz, plaintext 
['Okres',	'Przebieg', 'Przebieg Avg', 'Cena', 'Cena Avg'],
['2004-05',	165000,		150000,		15500,		16000],
['2005-06',	185000,		*,			14599,		15500],
['2006-07',	187500,		188167,		14500,		15000],
['2007-08',	190000,		200000,			*,		14500],
['2008-09',		*,		250000,		10000,		12500],
['2010-10',		*,			*,			*,		10000]
[XML] pobierz, plaintext 

gdzie * oznacza brak danej wartości

Bardzo proszę o pomoc.
Z JS jestem na bakier, a jak widać z GoogleCharts również.
Za każdą pomoc z góry dziękuję.

Ad.2
Jeśli chodzi Ci o to żeby była dziura to wstawiasz null. Jeśli chcesz żeby tej dziury nie było to dodatkowo w opcje wstawiasz: interpolateNulls: true,

Ad. 1
https://jsfiddle.net/vg5tfbrc/1/

Bardzo ładnie wygląda ten układ który poprawiłeś.
A powiedz mi czy jest możliwość zastąpienie AreaChart stylem Stepped Area Chart?

zamień area -> steppedArea

I wszystko pięknie. Jeszcze jeśli mogę spytać w ramach bonusa, jak można umieścić dwa różne wykresy na jednej stronie?

Tak samo jak 1 Dodajesz kolejny div i oddzielną deklarację i tyle.

Wszystko co mi podpowiedziałeś się sprawdziło i działa pięknie, ale mam problem z estetyką oraz faktem, że pobieram wszystko do tablicy, nie będącego sortowane.

Tak wygląda tablica:

[PHP] pobierz, plaintext 
array(8) {
  [0]=>
  array(2) {
    ["przeb_avg"]=>
    string(6) "268337"
    ["data"]=>
    string(10) "2016-01-06"
  }
  [1]=>
  array(2) {
    ["przeb_avg"]=>
    string(6) "225924"
    ["data"]=>
    string(10) "2016-01-23"
  }
  [2]=>
  array(2) {
    ["przeb_ind"]=>
    string(6) "255000"
    ["data"]=>
    string(10) "2015-11-13"
  }
  [3]=>
  array(2) {
    ["przeb_ind"]=>
    string(6) "265000"
    ["data"]=>
    string(10) "2016-01-19"
  }
  [4]=>
  array(2) {
    ["cena_avg"]=>
    string(4) "8574"
    ["data"]=>
    string(10) "2016-01-06"
  }
  [5]=>
  array(2) {
    ["cena_avg"]=>
    string(4) "9740"
    ["data"]=>
    string(10) "2016-01-23"
  }
  [6]=>
  array(2) {
    ["cena_ind"]=>
    string(5) "11900"
    ["data"]=>
    string(10) "2015-11-13"
  }
  [7]=>
  array(2) {
    ["cena_ind"]=>
    string(5) "10900"
    ["data"]=>
    string(10) "2015-11-15"
  }
}
[PHP] pobierz, plaintext 

a tak wygląda kod końcowy tego wykresu.

Co mogę zrobić aby samo segregowało daty i wszystko wyglądało płynnie?

Hehe ja tak patrzę że się zaraz nauczę całego ich api

poniżej data dodaj:

data.sort({column: 0})

To nie ma za co ;-)
Ale tak na poważnie, to data.sort działa.
Ale jeśli mogę jeszcze zapytać... co zrobić aby takie same daty scalało a nie tylko sortowało.

I druga rzecz - gdzie jest manual googlo-apiego? Tutaj?

A no i druga zagwozdka. Jak mogę wybrane kolumny (np. cena avg) przeciągnąć od początku do końca jeśli są gdzieś po środku?
Chodzi mi o to, że gdy przykładowo ceny średnie były przesłane w styczniu, a ceny indywidualnych egzemplarzy w lutym, to aby area się nakładał do końca wykresu z ostatniego dostępnego pola.

A tak na marginesie - to duże piwo Ci się należy za pomoc :-)

Co do scalania to albo musisz sobie w skrypcie który Ci to zwraca zrobić albo w JS bezpośrednio.

Tak. Link który podałeś.

Tutaj też trzeba zadziałać już czymś (albo JS albo skrypt wypluwający)