Предложения по созданию веб-инструмента для потоковой графики

Question

После полудня,

Я ищу способ представления данных в режиме реального времени с использованием линейных диаграмм в моем веб-приложении.В частности, мои требования заключаются в следующем:

1. Он должен поддерживать масштабирование (с колесом мыши тоже!), Прокрутку, выбор различных диапазонов времени и т. Д.
2. Он должен поддерживать представление данныхв нескольких разрешениях в одном графике.По умолчанию будет отображаться последние 24 часа (с использованием данных с разрешением в одну минуту), но если пользователь уменьшит масштаб или перейдет назад во времени, то будут использоваться данные с более низким разрешением.На дневном просмотре у нас будет 1440 точек на линию (будет как минимум две).Если мы снизим это значение до среднечасовых значений при дальнейшем уменьшении, мы увидим 720 пунктов в месяц на линию.После этого мы можем еще больше снизить разрешение.
3. В идеале, если пользователь увеличит историческую дату, график будет опрашивать сервер, чтобы узнать, доступны ли данные с высоким разрешением за этот период, и, если это так, извлечь их.и обновите область графика.
4. Поддержка потоковых данных.А именно, график будет получать дельты каждые X минут и добавлять их к графику.
5. Мы открыты для использования Flash, Java, Silverlight или чистого Javascript для уровня представления, хотя Flash, вероятно, будет самым сильным предпочтением.

Я потратил немало времени на поиски чего-то, что соответствовало бы здесь требованиям и (что удивительно) не нашло много.Вот некоторые краткие заметки из моего исследования:

a) Графики Google Finance в значительной степени ровно , чего я хочу достичь, но кажется, что их общедоступная версия этих диаграмм (Аннотированная временная диаграмма) сравнительно очень ограничен.Он не допускает потоковую передачу данных, и если вы хотите перерисовать данные графика (например, при изменении выбранного диапазона дат), вы получите неприятное мерцание, когда область диаграммы перезагружается с новыми данными.б) Timepedia Chronoscope графики звучат многообещающе на первый взгляд, с поддержкой инкрементальной загрузки данных.Тем не менее, похоже, нет документации или примеров этого (все примеры используют статический набор данных из файлов .js) в) Мы видели такие диаграммы, как Open Flash Chart и другие подобные, но у них нет «вау»фактор ", который делают диаграммы Google Finance.

Любые предложения приветствуются!

Answer 1

Я бы предложил Highcharts - очень аккуратные графики на основе SVG и javascript.Есть также пример под названием Live Random Data , который обновляет сплайн каждую секунду - это будет полезно для ваших требований к потоковой передаче.Доступно масштабирование и прокрутка: Основная подробная таблица , но все зависит от того, на сколько данных вы будете указывать.

В моих экспериментах в начале этого года мне удалось получить около 20Графики с более чем 40 графиками, каждый из которых работает в Firefox плавно, но больше этого может привести к небольшим задержкам, так что в этом смысле, да, вам будет лучше с Flash, хотя я сомневаюсь, что кто-нибудь сможет прочитать 20 сплайнов за раз.время;)

Надеюсь, что помогло.Ура!