Отрисовка интерактивных графиков № 598584

Перегляди: 62

Виконати 28 травня 2018

Прострочено

Добрый день. Есть задача по от рисовки графиков. Графики 3х типов – линейный, бары, свечи. Пример прилагается в виде картинок. Данные по которым строятся графики, предоставляются в формате json. Графики должны быть интерактивные, двигающиеся в реальном времени. Короткое ТЗ (более подробно опишем в личку): При загрузке страницы – строиться график из массива данных json, который получаете GET запросом с определенного URL. Ось X – время, Y – значение. (для линейного графика, для баров и свечей там будет еще время открытия свечи, время закрытия, минимум и максимум – по которым строиться свечка\бар). Ось Х – имеет фиксированный размер в 144 шага (ну к примеру интервал в 5 минут – 8.00, 8:05, 8:10 и т.д.) Эти данные есть в json. Так же есть полоса текущего значения (см. картинки). Данные для этой полосы тоже подгружаются с URL c интервалом в 5 сек. В зависимости от изменения текущего значения – должен меняться «хвост графика» (последняя точка перемещается вниз – вверх с интервалом в 5 сек). По истечении времени шага (ну к примеру 5 мин, или 10) – строится новая точка, а весь график смещается в лево (по сути в массив из 144 значений – дописывается новое значение, а значение с самой старой датой убирается. Таким образом массив всегда состоит из 144 значений) Так же, при наведении мышки на график – рисуется пересечение с указанием даты и значения, как на картинке с барами (точность даты определяется интервалом). Графики должны быть адаптивными под любое устройство.