Структура и Использование

Webix Pivot состоит из двух функциональных частей:

  • Webix TreeTable с настраиваемыми столбцами, строками и фильтрами

Обратите внимание на зону таблицы "Click to configure" в верхнем левом углу. Зона подсвечивается при наведении на нее указателя мыши. По клику на эту часть таблицы открывается окно настроек ("configuration window").

  • Окно настроек ("сonfiguration window")

Окно настроек отражает текущую структуру Pivot и содержит пять списков. Элементы внутри списков формируются на основе полей данных. Вы можете перетягивать элементы, тем самым меня структуру Pivot:

Пример данных

[
  {"name": "China", "year": 2005, "continent": "Asia", "form": "Republic",
  "gdp": 2256.919, "oil": 59.615, "balance": 134.098},
  ...
]
  • Список "Fields" содержит все доступные в данных поля (например, name, year, continent, form и т.п. из примера данных), КРОМЕ тех, которые находятся в списках "Rows", "Columns" или "Filters".
  • Элементы списка "Columns" задают ось Х для Pivot, т.е. верхние заголовки таблицы;
  • Элементы списка "Rows" задают ось Y, т.е. первую колонку таблицы;
  • Элементы списка "Values" определяют, из каких полей данные попадут в ячейки, а также задают нижний ряд заголовка таблицы;
  • Элементы списка "Filters" определяют критерии для фильтрации таблицы.

Операции с данными

Текущие операции с данными связаны со значениями, которым они назначены в списке "Values". Вы можете изменить операцию, кликнув по ее названию в списке "Values".

  • Sum - суммирует все значения;
  • Max - выводит максимальное значение;
  • Min - выводит минимальное значение;
  • Count - подсчитывает количество вхождений.

В дополнение к упомянутым операциям, вы также можете создать свою.

Параметры фильтрации

По умолчанию, Webix Pivot предлагает следующие виды фильтров:

  • text - фильтрация по вводимым в текстовое поле символам. Поддерживает базовые математическое сравнения, например "< 100", "> 2.5" или "= 12". При отсутствии математических операторов, фильтр будет искать текстовые совпадения;
  • select - фильтрация по опциям, автоматически выбранным из данных (все уникальные значения). Например, если вы укажите Continents, все уникальные имена континентов из набора данных станут опциями фильтрации;
  • multiselect - фильтрация по опциям, автоматически выбранным из данных (все уникальные значения). Например, если вы укажите Continents, все уникальные имена континентов из набора данных станут опциями фильтрации. Фильтр позволяет выбирать несколько вариантов одновременно;
  • datepicker - фильтрация по датам, выбранным в календаре.

Вы можете задать фильтры в коллекции filters. Подробнее в статье Работа с Фильтрами.

Наверх
If you have not checked yet, be sure to visit site of our main product Webix easy javascript framework and page of pivot table web product.