Библиотека диаграмм Javascript для больших данных

Question

Кто-нибудь знает библиотеку диаграмм Javascript, которая может обрабатывать огромные наборы данных?

Под «огромным» я подразумеваю рисование линейного графика, содержащего около 1000 линий и 25 000 точек данных. (С неравномерным распределением точек на линию. У многих линий очень мало точек, но у некоторых до 4000). Вот пример файла данных .

В настоящее время я использую Highcharts , но это слишком медленно при построении файла примера. Вот мой тестовый веб-сайт , который строит график файла данных примера с помощью Highcharts. ПРЕДУПРЕЖДЕНИЕ: переход на эту страницу на некоторое время поглотит ваш процессор:)

Я не хочу использовать Flash или Silverlight.

Я надеялся использовать Javascript, чтобы мои пользователи могли масштабировать + панорамировать график, а также включать и выключать линии и т. Д. Но если это слишком много данных для любой библиотеки Javascript-диаграмм для обработки, тогда у меня будет сделать графики на стороне сервера.

Answer 1

В их примере библиотека dygraphs обрабатывает шесть тысяч точек данных очень быстро.Возможно, это подойдет для ваших нужд?

Он основан на Canvas с excanvas для поддержки IE.

Answer 2

Библиотеку JavaScript ZingChart стоит проверить. Он был специально создан для больших данных и предлагает несколько замечательных функций для обеспечения быстрого и стабильного рендеринга без потери интерактивности.

Вот демонстрационная версия , которая отображает 100 тыс. Очков за одну секунду. И если вы хотите сделать некоторые сравнения, есть также ZingChart Vs. демо (обратите внимание на предупреждение в правом верхнем углу - некоторые библиотеки могут связываться с вашим браузером).

Полное раскрытие, я в команде ZingChart. Я с удовольствием отвечу на любые ваши вопросы о библиотеке.

Answer 3

ECharts может обрабатывать большой объем данных (я протестировал их с серией 100k баллов x 3).

Это открытый исходный код и бесплатное использование (Apache 2.0)библиотека.Вот пример крупномасштабной диаграммы данных https://ecomfe.github.io/echarts-examples/public/editor.html?c=candlestick-large

Если вы хотите использовать серию Echarts line с большим объемом данных, вам следует включить «выборку» http://echarts.apache.org/option.html#series-line.samplingагрегировать данные точек.Еще одним полезным параметром будет showSymbol: false, который также повысит производительность.

Answer 4

Старая тема, но, возможно, какая-то польза.Highcharts добавил модуль 'boost' для улучшения построения точек набора данных.Они говорят, что это может легко обрабатывать миллионы точек данных.