{"id":2175,"url":"\/distributions\/2175\/click?bit=1&hash=803b6e1bcbd9dfc4ba9456fda887a878c80d24df8d3a575913b14876e18923a5","title":"TJ \u0437\u0430\u043a\u0440\u043e\u0435\u0442\u0441\u044f 10 \u0441\u0435\u043d\u0442\u044f\u0431\u0440\u044f \u2014\u00a0\u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0430\u043d\u043e\u043d\u0441 \u0441 \u0434\u0435\u0442\u0430\u043b\u044f\u043c\u0438","buttonText":"\u0427\u0438\u0442\u0430\u0442\u044c","imageUuid":"d1d355d8-93a3-5140-aeae-14b03046b760","isPaidAndBannersEnabled":false}

Топ-7 JavaScript Pivot виджетов в 2019-2020 годах

Сводная таблица JavaScript Pivot — это эффективный компонент, позволяющий визуализировать и агрегировать большие объемы данных. Этот инструмент даёт возможность конечным пользователям создавать отчеты без использования серверных технологий. В приведённом ниже списке вы найдёте самые популярные и логичные виджеты Pivot. Вы сможете определить наиболее важные функции, которые должна содержать высокопроизводительная Pivot таблица.

1. Виджет Webix Pivot

Сводная таблица Webix JS Pivot представляет собой полностью функциональное одностраничное приложение. Если вы выберете фреймворк Webix Javascript, то получите 2 комплексных виджета вместо одного: Pivot Table и Pivot Chart.

Виджет Webix Pivot выполняет агрегацию данных. Он извлекает значимую информацию из больших объёмов данных. Pivot легко организует, сравнивает и суммирует данные. Он полностью кастомизируемый, т.е. вы можете создавать пользовательские функции для структурирования данных, изменять параметры таблиц, настраивать фильтры и окно конфигурации. С помощью виджета Webix Pivot вы можете экспортировать данные в различные форматы: Excel, PNG, PDF, CSV. Кроме того, можно установить другой язык, применив к странице региональные настройки.

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

Виджет поддерживает все современные браузеры и платформы.

Существует back-end интеграция с PHP, Node.js и .NET., а также front-end интеграция с AngularJS, jQuery, React, Vue.js и другие сторонние библиотеки.

Коммерческая лицензия для стартапов или небольших команд разработчиков стоит около $849, а цена индивидуальной лицензии, включающей сложные виджеты и техническую поддержку, равна $449.

2. Flexmonster

Flexmonster — это полностью настраиваемый виджет Pivot table, который работает на основных десктопах и мобильных операционных системах. Компонент Flexmonster Pivot может быть интегрирован практически в любой проект, так как он поддерживает большое разнообразие технологий веб-разработки. Главной особенностью этого виджета является его способность обрабатывать чрезвычайно большие объемы данных без проблем с UX.

Flexmonster Pivot таблица поддерживает такие форматы данных, как JSON, CSV, SQL, XMLA и др. Кроме того, вы можете указать, какие функции будут включены или отключены в вашей Pivot сетке.

Flexmonster поставляется с рядом полезных функций. Одна из них - фильтрация. Фильтровать данные можно одним из трёх возможных способов:

· фильтрация по значению

· фильтрация по именам

· использование фильтра отчетов

Еще одной важной особенностью виджета является сортировка. Она позволяет размещать строки и столбцы в алфавитном или числовом порядке. Существует также возможность экспорта данных в форматах Excel, CSV, HTML, PNG или PDF.

Компонент Flexmonster Pivot предполагает следующие типы форматирования:

· условное форматирование

· форматирование чисел

Компонент доступен на платной основе. Годовая подписка стоит около $ 799. А цена неограниченной лицензии составляет $ 1999.

Flexmonster поддерживает такие серверные технологии, как Ruby, Java, .NET, PHP и др. Существуют также возможности интеграции с другими JS библиотеками (например, React, Angular, jQuery, RequireJS, PhoneGap и др.).

3. DevExtreme Pivot

DevExtreme HTML5 JS Pivot grid — это полнофункциональный клиентский виджет, который выполняет сложный анализ данных. Существует широкий спектр вариантов настройки.

Виджет DevExtreme Pivot может быстро обрабатывать до 1 000 000 записей прямо в браузере. Одной из ключевых особенностей компонента является возможность интеграции с диаграммой DevExtreme Chart.

Виджет DevExtreme Pivot имеет встроенный инструмент выбора полей (Field Chooser) и параметры фильтрации, подобные Excel, поэтому он позволяет конечным пользователям эффективно анализировать данные и выбирать необходимые поля.

Сводная таблица DevExtreme JS Pivot также имеет функцию сортировки данных. Вы можете сортировать значения строк и столбцов наиболее удобным способом. Кроме того, виджет позволяет экспортировать данные в формате Excel.

Вы можете получить компонент бесплатно вместе с некоммерческой лицензией. Существует также коммерческая лицензия с приоритетной поддержкой ($699.99) и без нее ($499.99).

4. jbPivot

jbPivot — это простой бесплатный виджет сводной таблицы jQuery с открытым исходным кодом. Он доступен с лицензией GPLv3. jbPivot можно легко установить с помощью менеджера пакетов npm. Компонент имеет такие важные функции, как сортировка, группировка, перетаскивание и некоторые другие.

jbPivot не упакован какими-либо сложными функциями, но он станет хорошим выбором, если вы собираетесь работать с небольшими объемами данных.

5. dhtmlxPivot

Виджет dhtmlxPivot JavaScript позволяет обрабатывать большие объемы данных. Он будет хорошо работать даже при загрузке огромных объемов элементов данных. Этот компонент полностью настраиваемый. Данные могут быть загружены в форматах JSON и CSV.

С помощью компонента dhtmlxPivot можно выделить ячейки с определенными значениями. Содержимое ячейки может быть отфильтровано с помощью следующих типов фильтров:

· фильтр дат

· фильтр чисел

· фильтр строк

Виджет dhtmlxPivot поддерживает четыре основные операции (sum, count, max и min), также можно добавить пользовательские операции. Кроме того, вы можете легко экспортировать свои сетки в файлы Excel.

Если вам нужно загрузить данные, хранящиеся на сервере, вы можете использовать такие серверные технологии, как .NET, Java, PHP, Node.js и т. д.

Вы можете выбрать бесплатную пробную версию фреймворка. Кроме того, вы можете купить коммерческую лицензию для небольших команд разработчиков ($299). Существует также корпоративная лицензия с расширенной поддержкой. Она будет стоить около $ 499.

6. Orb.js

Orb.js — это библиотека JavaScript, предназначенная для создания эффективных и минималистичных приложений. Она содержит наиболее важные функции Pivot таблицы, такие как перетаскивание, сортировка, фильтрация, общие и промежуточные итоги, фиксированные заголовки. Вы можете экспортировать данные в формате Excel.

Таблица Orb.js Pivot полностью настраиваемая. Вы можете получить её бесплатно с лицензией MIT.

7. PivotTable.js

PivotTable.js — это бесплатный компонент JS Pivot с открытым исходным кодом. Он доступен с лицензией MIT. Вы можете настроить виджет в соответствии с вашими потребностями. Он поддерживает drag-n-drop и позволяет изменять пользовательский набор цветов.

PivotTable.js содержит встроенную тепловую карту, таблицу и возможность отрисовывать столбчатые диаграммы. Кроме того, вы можете создавать различные типы диаграмм, используя визуализации D3, Google Charts или C3 Charts. Одним из недостатков виджета является его неспособность экспортировать данные в файлы Excel. Компонент может быть интегрирован с любыми серверными технологиями.

Давайте сравним основные функции упомянутых выше виджетов JavaScript Pivot.

Заключение

Сводная таблица JavaScript Pivot — это мощный компонент, позволяющий создавать хорошо организованные визуальные отчеты с большими объемами данных. Вы можете фильтровать, сортировать, сравнивать и суммировать данные в одной таблице. Семь вышеупомянутых JavaScript Pivot виджетов имеют много общих функций и могут стать частью эффективного бизнес-решения. Некоторые из них обладают особыми характеристиками и функциональными возможностями. Окончательный выбор компонента полностью зависит от ваших бизнес-потребностей и предпочтений.

0
1 комментарий
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Читать все 1 комментарий
null