Highstock

Поддержка любых устройств и браузеров

Highstock отлично работает с любыми браузерами, которые используют для рендеринга SVG. Но приложение поддерживает даже Internet Explorer, где рендеринг происходит через VML  

Свободный доступ к коду

Основная особенность Highstock - это открытый исходный код, который вы с легкостью можете отредактировать для себя или дополнить его сторонними фрагментами. Настраивайте приложение именно так, как вы того хотите. 

Не требует дополнительного ПО

Highstock не нужны какие-либо сторонние инструменты и утилиты. Только один локальный файл JavaScript. К тому же сервер не будет засоряться обилием загружаемых данных. JavaScript, и ничего более.

Типы диаграмм

К вашим услугам столбчатые, круговые, сплайновые, зоновые и прочие виды диаграмм. Также вы можете объединять любые диаграммы в одну для большего комфорта. 

Простая настройка

Чтобы настроить JavaScript-код в Highstock, не нужно обладать какими-то узкопрофильными знаниями в сфере программирования. Любые конфигурации можно указать в объектах JavaScript, сохраняя обычный синтаксис и разделения. 

Динамика

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

Диапазонная настройка

Бывает, что вам нужно создать график, в котором есть достаточно большие массивы (для примера: измерения, поступавшие ежечасно в течение 10 лет). Это значит, что на графике должен быть гибкий диапазон, касающийся временных значений. Выбирайте 1 год, 1 месяц или же установите какой-либо другой необходимый диапазон. 

Навигация

Наиболее понятный и простой способ поиска данных по графику — это прокрутка навигационной полоски. К тому же вы можете просто разместить окно «Навигатор» на необходимом участке. 

Метки

Создавайте комментарии и метки событий. Чтобы не запутаться среди обилия маркеров, вы можете выбирать стили перед тем, как разместить их на графике или оси Х. 

Масштабирование осей

Если вы хотите сравнить разномасштабные данные, то вы с легкостью можете указать для всех значений свою Y ось, расположенную справа или слева. К тому же возможна индивидуальная настройка осей, в том числе и реверсирования, стиля, расположения.

Подсказки

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

Современная технология для обозначения временных промежутков

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

Группировка

Массив, состоящий из 100 000 точек легко поместится на холст шириной 800 пикселей. Система Highstock предполагает скоростное форматирование значений в группы различной важности (дни, месяцы, года и т. д.) и их соответственное отображение. При изменении масштаба происходит перегруппировка и данные отображаются уже более детально.

Экспорт и печать

Модуль экспорта позволяет изменять формат диаграмм на PNG, JPG, PDF или SVG в один клик.

Масштабирование и панорамирование

Изменять масштаб можно не только при помощи ползунка и функции «Навигатор». Используйте для этого колесико мыши или при работе с устройствами с сенсорным дисплеем — мультитач.

Загрузка данных извне

Highstock поддерживает работу массивов на JavaScript, которые были указаны в объектах локального кода программы, сторонними файлами и информацией с других сайтов. Помимо этого вы можете передавать все данные в Highstock в абсолютно произвольной форме. Технологию обратного вызова можно применять для синтаксического анализа кода.