Учебники

Highcharts — Обзор

Highcharts — это библиотека диаграмм на основе чистого JavaScript, предназначенная для улучшения веб-приложений путем добавления возможности интерактивного построения диаграмм. Он поддерживает широкий спектр графиков. Графики создаются с использованием SVG в стандартных браузерах, таких как Chrome, Firefox, Safari, Internet Explorer (IE). В устаревшем IE 6 VML используется для рисования графики.

Особенности библиотеки Highcharts

Давайте теперь обсудим несколько важных особенностей библиотеки Highcharts.

  • Совместимость — работает без проблем на всех основных браузерах и мобильных платформах, таких как Android и iOS.

  • Поддержка мультитача — поддерживает мультитач на платформах с сенсорным экраном, таких как Android и iOS. Идеально подходит для iPhone / iPad и смартфонов / планшетов на базе Android.

  • Бесплатное использование — с открытым исходным кодом и бесплатное использование в некоммерческих целях.

  • Легковесная — библиотека ядра highcharts.js размером почти 35 КБ — чрезвычайно легкая библиотека.

  • Простые конфигурации — использует json для определения различных конфигураций диаграмм и очень прост в освоении и использовании.

  • Динамический — позволяет изменять график даже после генерации графика.

  • Несколько осей — Не ограничено осями x, y. Поддерживает несколько осей на графиках.

  • Настраиваемые всплывающие подсказки — всплывающая подсказка появляется, когда пользователь наводит курсор мыши на любую точку графика. Highcharts предоставляет встроенный форматер всплывающей подсказки или форматера обратного вызова для программного управления подсказкой.

  • Поддержка DateTime — специально обрабатывать дату и время. Обеспечивает многочисленные встроенные средства управления над категориями с указанием даты.

  • Экспорт — Экспорт диаграммы в формат PDF / PNG / JPG / SVG с помощью функции экспорта.

  • Печать — печать диаграммы с использованием веб-страницы.

  • Zoomablity — поддерживает масштабирование диаграммы для более точного просмотра данных.

  • Внешние данные — поддерживает динамическую загрузку данных с сервера. Обеспечивает контроль над данными с помощью функций обратного вызова.

  • Поворот текста — поддерживает вращение надписей в любом направлении.

Совместимость — работает без проблем на всех основных браузерах и мобильных платформах, таких как Android и iOS.

Поддержка мультитача — поддерживает мультитач на платформах с сенсорным экраном, таких как Android и iOS. Идеально подходит для iPhone / iPad и смартфонов / планшетов на базе Android.

Бесплатное использование — с открытым исходным кодом и бесплатное использование в некоммерческих целях.

Легковесная — библиотека ядра highcharts.js размером почти 35 КБ — чрезвычайно легкая библиотека.

Простые конфигурации — использует json для определения различных конфигураций диаграмм и очень прост в освоении и использовании.

Динамический — позволяет изменять график даже после генерации графика.

Несколько осей — Не ограничено осями x, y. Поддерживает несколько осей на графиках.

Настраиваемые всплывающие подсказки — всплывающая подсказка появляется, когда пользователь наводит курсор мыши на любую точку графика. Highcharts предоставляет встроенный форматер всплывающей подсказки или форматера обратного вызова для программного управления подсказкой.

Поддержка DateTime — специально обрабатывать дату и время. Обеспечивает многочисленные встроенные средства управления над категориями с указанием даты.

Экспорт — Экспорт диаграммы в формат PDF / PNG / JPG / SVG с помощью функции экспорта.

Печать — печать диаграммы с использованием веб-страницы.

Zoomablity — поддерживает масштабирование диаграммы для более точного просмотра данных.

Внешние данные — поддерживает динамическую загрузку данных с сервера. Обеспечивает контроль над данными с помощью функций обратного вызова.

Поворот текста — поддерживает вращение надписей в любом направлении.

Поддерживаемые типы диаграмм

Библиотека Highcharts предоставляет следующие типы диаграмм —

Sr.No. Тип диаграммы и описание
1

Линейные графики

Используется для построения графиков на основе линий / сплайнов.

2

Диаграммы области

Используется для рисования площадных графиков.

3

Круговые диаграммы

Используется для рисования круговых диаграмм.

4

Точечные диаграммы

Используется для рисования разбросанных диаграмм.

5

Пузырьковые диаграммы

Используется для рисования пузырьковых диаграмм.

6

Динамические Графики

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

7

Комбинации

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

8

3D-графики

Используется для рисования трехмерных диаграмм.

9

Угловые Датчики

Используется для построения диаграмм типа спидометра.

10

Тепловые карты

Используется для рисования тепловых карт.

11

Древовидные карты

Используется для рисования древовидных карт.

Линейные графики

Используется для построения графиков на основе линий / сплайнов.

Диаграммы области

Используется для рисования площадных графиков.

Круговые диаграммы

Используется для рисования круговых диаграмм.

Точечные диаграммы

Используется для рисования разбросанных диаграмм.

Пузырьковые диаграммы

Используется для рисования пузырьковых диаграмм.

Динамические Графики

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

Комбинации

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

3D-графики

Используется для рисования трехмерных диаграмм.

Угловые Датчики

Используется для построения диаграмм типа спидометра.

Тепловые карты

Используется для рисования тепловых карт.

Древовидные карты

Используется для рисования древовидных карт.

В наших последующих главах мы подробно обсудим каждый тип вышеупомянутых диаграмм с примерами.

Лицензия

Highcharts является открытым исходным кодом и может свободно использоваться в некоммерческих целях. Чтобы использовать Highcharts в коммерческих проектах, перейдите по ссылке — Лицензия и Ценообразование.