Установка Pivot

Чтобы начать использовать Pivot, нужно:

Подключить необходимые CSS и JS файлы на страницу
Вызвать конструктор объекта.

Необходимые файлы

Подключаем 4 файла:

<html>
 <head>
  <!-- подключаем Webix -->
  <script src="codebase/webix.js" type="text/javascript"></script>
  <link rel="stylesheet" href="codebase/webix.css" type="text/css">
 
  <!-- подключаем Pivot -->
  <script type="text/javascript" src="codebase/pivot.js"></script>
  <link rel="stylesheet" href="codebase/pivot.css" type="text/css">
 </head>
 <body>
    <!-- конструктор Pivot -->
    <script>        webix.ui({
          view:"pivot",
          url: "https://docs.webix.com/pivot-backend/",
          structure: {
            groupBy: "year",
            rows: ["form", "name"],
            values: [{ name: "oil", operation: ["min", "sum"] }],
          }
        });
    </script>
 </body>
</html>

В следующем разделе мы рассмотрим другие способы создания Pivot на странице.

Запуск бэкенд сервера

Используя NodeJs

Чтобы использовать NodeJS бэкенд для Pivot, склонируйте репозиторий и выполните следующие команды:

npm install
node index.js

Как запустить пакетные примеры локально

Чтобы запустить пакетные примеры локально, вам нужно перейти в корневую директорию Pivot, установить необходимые зависимости и запустить дев сервер:

// переходим в корневую директорию
cd pivot
 
// устанавливаем зависимости
yarn install //или npm install
 
// запускаем сервер
yarn server //или npm run server

Наверх