Динамические линейные графики JavaScript с множеством точек (~500 000)

Question

Я изучаю JavaScript-решения для построения интерактивных информационных панелей. На панели инструментов будет 15 диаграмм, каждая из которых содержит 6 строк, а каждая строка имеет ~5000 точек (15 * 6 * 5000 = 450 000). И новая точка будет добавлена ​​(и старая точка будет удалена) к каждой линии каждые 3 секунды. Кроме того, я хочу интерактивное масштабирование окна и всплывающие подсказки.

Возможно ли это без интервалов (понижающей дискретизации) исходных данных? Кто-нибудь может порекомендовать решения JavaScript, чтобы попробовать?

Я сталкивался с Flotr2, Rickshaw, jqChart, HighCharts, мне интересно, могут ли люди поделиться опытом из первых рук для такого случая использования.

Если это нереальная цель, какова будет самая близкая производительность с сегодняшней технологией?

Answer 1

Я думаю, что jqChart может удовлетворить ваши требования:

jqChart использует преимущества HTML5 Canvas для предоставления высокопроизводительных клиентских диаграмм и графиков в разных браузерах.

Скорость рендеринга линейной диаграммы оптимизирована для обработки большого набора данных. Этот пример линейной диаграммы показывает 2 серии по 60000 точек каждая.

Отказ от ответственности: я технический директор jqChart.