Installing Pivot

To start using Pivot, you need to:

Include the necessary JS and CSS scripts into your HTML file
Call the object constructor.

Files to Include

You need to include 4 files on a page:

<html>
 <head>
  <!-- Webix Library -->
  <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 constructor -->
    <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>

See the next chapter to learn more ways of creating Pivot on a page.

Starting a Backend Server

Using NodeJS Backend

To get the NodeJS backend for Pivot, clone the repo and start it locally as:

npm install
node index.js

Running Package Samples Locally

To run package samples on a local machine you should navigate to the Pivot root folder, install the necessary dependencies and start a development server as:

// navigate to the root folder
cd pivot
 
// install dependencies
yarn install //or npm install
 
// start dev server
yarn server //or npm run server