Как лучше построить загрузку и обновление данных, используя c3.js?

Question

[Артем]

Здравствуйте!
Имею у себя на локалхосте сайт на php. Имею также mysql, котором хранятся данные.
Хочу сделать обновляемый график, данные для которого будут запрашиваться из БД. Принял решение использовать c3.js, так как у него есть API для обновления и догрузки данных в реалтайме.
Но, сунувшись в документацию, понял, что не все так очевидно.
Подскажите, пожалуйста, каким образом правильнее реализовать задачу?
Работать буду на этой странице. Буду благодарен за любые материалы, спасибо )

Comments

[Алексей Уколов]

Уточните свой вопрос, сейчас непонятно в чём именно вам нужна помощь.

Answer 1

[Dmitry Bay]

1) перезагружайте страницу раз в 20 секунд.
2) перерисовывайте график используя аякс.
3) если АПИ позволяет, отправляйте последнюю полученную метку аяксом и получайте обновленные данные и дорисовывайте график.

Comments

[Николай]

Мы не в 2007, хватит этого непотребства.

[Dmitry Bay]

Николай: У парня стоит задача, сделать программу и у него не все очевидно. Как раз для этого есть 1ый и второй метод.

[Николай]

Дмитрий Байчапанов:вопрос о том, как сделать правильнее, а не быстрее. По поводу первого из предложенных вами методов так сказать язык не поворачивается. По поводу второго кстати тоже, если график предполагает какую-то интерактивность.

[Артем]

Фух. С новым годом всех. Более менее разобрался, что мне нужно сделать. А нужно мне скормить API либы json с данными из БД. Сейчас пытаюсь понять, как мне получить данные в таком виде, для которого можно будет применить json_encode().

[Dmitry Bay]

Артем: $arr = ['out'=>'text']; var_dump(json_encode($arr));

[Артем]

Так, я прочел, копипастнул, не заработало. Значит, придется разбираться) Я сейчас попробую изложить то, как я понимаю вышеприведенный кол, а вы поправите, если я не прав, хорошо?
Итак, есть массив, в котором ключу out присваивается text. Далее, для массива $arr применена json_encode(), а var_dump используется для получения информации о переменной, в целях отладки, верно?

[Dmitry Bay]

Артем: я вам пример массива привёл и как работает функция jsonencode

Answer 2

[Николай]

В d3.js есть методы .enter и .update. Прочитайте документацию по этим двум методам и все должно встать на свои места. Если отанутся вопросы - спрашивайте, подскажу.