RealPivot Guide
Installing Pivot

Install Pivot

STEP 1. Create and connect dataProvider and pivot objects

dataProvider = new RealGrid.LocalDataProvider();
//Create pivot object
pivot = new RealPivot("realpivot");
pivot.setDataProvider(dataProvider);

STEP 2. Data Provider field creation and pivot field Mapping

var fields = [{
     fieldName:"Domestic/Imported"
},{
     fieldName:"Country"
},{
     fieldName:"Brand number"
},{
     fieldName:"Brand Name"
},{
     fieldName:"Model number"
},{
     fieldName:"Model name"
},{
     fieldName:"Color number"
},{
     fieldName:"Color"
},{
     fieldName:"Sale Date",
     dataType:"datetime",
     datetimeFormat:"yyyy-MM-dd"
},{
     fieldName:"Sales Quantity",
     dataType:"number"
},{
     fieldName:"Vehicle price",
     dataType:"number"
},{
     fieldName:"Car type"
},{
     fieldName:"Fuel"
}];
 
dataProvider.setFields(fields);
 
pivot.setFieldMapping([{
     name: "Country",
     sourceField: "Country"
},{
     name: "Brand name",
     sourceField: "Brand Name"
},{
     name: "Sales Quarter",
     sourceField: "Sale Date",
     dateType:"quarter",
     fieldHeader:"branch",
     displayFormat: "${value}quarter",
     summaryFormat: "${value}Quarter Sum"
},{
     name: "Year of sale",
     sourceField: "Sale Date",
     dateType: "year",
     fieldHeader: "Year",
     displayFormat: "${value}year",
     summaryFormat: "Sum of ${value} years"
},{
     name: "Sale Month",
     sourceField: "Sale Date",
     dateType: "month",
     fieldHeader: "month",
     displayFormat: "${value}month",
     summaryFormat: "${value}monthly sum"
},{
     name: "Sales Quantity",
     sourceField: "Sales Quantity",
     numberFormat:"#,##0"
},{
     name: "Vehicle price",
     sourceField: "Vehicle price",
     numberFormat:"#,##0"
},{
     name:"Car type",
     sourceField:"Car type"
}]);
 
pivot.setPivotFields({
     columns: ["Sales Quarter","Sales Month"],
     rows: ["Brand Name","Car Model"],
     values: [{
         name: "Vehicle price",
         expression: "sum"
     }, {
         name: "Sales Quantity",
         expression: "sum"
     }]
});

STEP 3. Load data

$.ajax({
     url: "/data/pivotDataSet.json",
     success: function (data) {
         dataProvider.fillJsonData(data,{count:5000});
     },
     complete: function(data){
     }
});

STEP 4. Draw pivot

pivot.drawView();