График для быстро меняющихся параметров

Нужно сделать график на странице сайта, как показано на рисунке.

1.      Данные из БД по 40 параметрам – в БД они поступаютпостоянно с интервалом в 1 секунду.

2.      Догружаться должны последние данные, предыдущиеостаются в массиве.

3.      Кнопка экспорта всех данных из текущего массива вCSV

4.      Конопка вкл-выкл автообновления графика (паузапо получению данных).

5.      Показывать за 1-4 последних часа (возможностьменять параметр в коде, изменяя переменную рядом с комментарием «Настройки

параметров графика»)

6.      Слева от графика – меню с наименованием параметровпо цветам. При нажатии на значок цвета – показывать/не показывать этот график. Если

все графики одной шкалы отключить, шкала по ним тоже должна скрыться. Выводить по

 10 переметров (возможность менять этоколичество переменной в настройках рядом с п 5 в коде – рядом с комментарием «Настройки

параметров графика»). С навигацией по этому меню (стрелочки вверх-вниз). Если

графиков меньше 10, навигацию не выводить)

7.      При наведении на график линия графика становитсяжирнее в 2 раза, должны появляться крупная точка в этом месте, дата, время и

значение параметра (из БД). Другие графики и шкалы при этом должны бледнеть.

8.      По оси Y – слева от графика 1 вертикальная шкала,справа – 4 вертикальные шкалы. Приходящие данные можно разделить на 5 групп

(шкал), это получаем из БД при загрузке страницы и держим в массиве.

9.      В настройках (отдельное окно, вызывается кнопкойНастройки) указываем первоначальные пределы этих 5 шкал. При выходе хотя бы

одного из привязанных к шкале параметров за первоначальные пределы, эта шкала

масштабируется с увеличением в 1,33333 раза, выходит еще раз – снова масштабируется.

Если проходит время и пик проходит – возвращаемся к предыдущему состоянию. Все

графики, относящиеся к этой шкале тут же подстраиваются под новый масштаб.

10. График должен формироваться на том сервере, где установлен сайт. Без передачи данных на сторонние сервисы.