Тут уже прозвучало много правильных советов, я лишь по вопросу за что хвататься - тут нужно будет выбрать что-то одно - или бек-енд (PHP, nodejs) или фронт-енд (JS), т.е. что тебе больше нравится, тем и занимайся, за всем не угонишься, в текущих реалиях развития фронт-енда и JS'a быть full stack developer'ом сложно и не эффективно. В моём отделе JS ребята отделились в отдельную группу, и между собой уже делятся на фронт-енд (angular, react) и бек-енд (nodejs) разработчиков, хотя ещё стараются быть и там и там, но специализация уже ощущается.

Прочитай мою статью, я хотел в ней разжевать подробно и доступно про сессии, так что фидбек приветсвуется
anton.shevchuk.name/php/php-for-beginners-session

Это ты какую версию Google Charts используешь?
Если вторую, то тебе надо сформировать фактически таблицу с данными типа такого:

{
"containerId":"chart",
"dataTable":{
  "cols":[{"label":"A","type":"string"},{"label":"B","type":"number"}],
  "rows":[{"c":[{"v":"Online"},{"v":100}]}]
},
...
}

Можешь поиграться тут - это всё ссылка на твой пример:

http://charts.hohli.com/new/embed.html?created=1459573342411#w=640&h=480&d={"containerId":"chart","dataTable":{"cols":[{"label":"A","type":"string"},{"label":"B","type":"number"}],"rows":[{"c":[{"v":"Online"},{"v":100}]}]},"options":{"hAxis":{"useFormatFromData":true,"viewWindow":{"max":null,"min":null},"minValue":null,"maxValue":null},"vAxes":[{"useFormatFromData":true,"viewWindow":{"max":null,"min":null},"minValue":null,"maxValue":null},{"useFormatFromData":true,"viewWindow":{"max":null,"min":null},"minValue":null,"maxValue":null}],"booleanRole":"certainty","width":600,"height":371,"min":0,"max":1000,"greenFrom":200,"greenTo":400,"yellowFrom":400,"yellowTo":800,"redFrom":800,"redTo":1000},"state":{},"view":{},"isDefaultVisualization":false,"chartType":"Gauge"}

Тут больше философский вопрос, я его поднимал на конференции ThinkPHP и даже оформил в пост на своём блоге - Куда идёт сеньор, почитай, думаю тебе будет интересно (сорьки за самопиар, но копипастить не комильфо)