NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more

Pivot View for DataTree: Fields Tree, JavaScript Programming Example of Pivot View for DataTree: Fields Tree

Pivot View for DataTree: Fields Tree

Get a sample code of a pivot view for a DataTree. This sample code allows transforming tree data into a pivot chart. If you like this programming example, feel free to use it for creating your own web application.

JS Code

webix.ready(function() {
  webix.CustomScroll.init();
  
  webix.ui({
    view: "pivot",
    mode: "table",
    datatable: {
      cleanRows: true,
    },
    structure: {
      rows: ["form", "name"],
      columns: ["year"],
      values: [{ name: "oil", operation: ["min", "sum"] }],
    },
    url: "https://cdn.webix.com/demodata/pivot.json",
  });
});

Don't want to waste your time creating DataTree and Pivot Chart from scratch?