Компонент js для отображения графиков

148
18 марта 2019, 00:50

Необходимо на сайте выводить график кусочно-линейной функции. Исходных данных (точек) около 50к. На текущий момент использую amchart, но он при таком количестве исходных данных вешает браузер. Рассматривал вариант собственной реализации в виде построенных изображений, т.е. на клиент тянется картинка с графиком, но такой подход медленно реагирует на действия пользователя по изменению масштаба и движению по графику влево-вправо. В перспективе точек может быть еще больше, от 100к до 2м.

Смотрел в сторону CanvasJS. Проблема в том, что такой объем данных не выдержит ни один браузер, и если отдавать исходный набор данных в чистом виде. Подскажите пожалуйста компонент, который бы имел серверную реализацию (либо требования к ней, если не .net) подгрузки данных, чтобы полный набор данных оставался на сервере, а на клиент отдавался некий усредненный минимально необходимый набор для отрисовки графика, либо уже готовое изображение.

Интересует что-то похожее на графики zabbix

Answer 1

Думаю подойдёт такой вариант: https://www.highcharts.com/stock/demo/lazy-loading Там есть и другие примеры с другими типами графиков. К сожалению это не бесплатно, но у них есть программы для стартапов.

Если писать своё, то можно посмотреть d3.js + сделать динамическую загрузку данных.

Рисовать картинку на сервере я бы не стал, под нагрузкой ляжет.

READ ALSO
Как поставить иконку на ползунком

Как поставить иконку на ползунком

Есть ползунок input range со значениями от 1 до 100 нужно там где будет 60 и 80 изначально поставить над ним иконочки не при измененнии а с начала, кто...

155
Как сделать листание картинок кликом на JS [закрыт]

Как сделать листание картинок кликом на JS [закрыт]

Я хотел бы сделать обычную "листалку" изображений, только без навигационных стрелок — я хочу, чтобы листание назад происходило при клике...

133
Последовательная сортировка массива JS

Последовательная сортировка массива JS

Нужно отсортировать массив, чтобы [A-Z] были первыми, [a-z] вторыми, а все остальное внизу

96
Не отрисовывается переключение radio button

Не отрисовывается переключение radio button

На форме в таблицу c помощью хелпера генерируется следующая разметка, массив переключателей с несколькими вариантами ответа (за - против...

114