Getting Started

This section explains you the steps required to populate the PivotGrid in your application with PHP wrapper classes of EJ controls. This section covers only the minimal features that you need to know to get started with the PivotGrid.

Create PivotGrid widget

You can create a PHP Project and add necessary scripts and styles with the help of the given PHP Getting Started Documentation.

Create a first PHP file in Xampp and name it appropriately with .php extension and also place it under the newly created sample folder. For example, say Index.php with the initial code as shown below -

Refer the required scripts and CSS files in your PHP page as mentioned below in order to render the PivotGrid control -

  • html
  • <!DOCTYPE html>
    <html>
    	<head>
    			<title>Getting Started - PivotGrid</title>
    			<link href="http://cdn.syncfusion.com/18.3.0.47/js/web/flat-azure/ej.web.all.min.css" rel="stylesheet" />
    			<link href="http://cdn.syncfusion.com/18.3.0.47/js/web/responsive-css/ej.responsive.css" rel="stylesheet" />
    			<script src="http://cdn.syncfusion.com/js/assets/external/jquery-3.0.0.min.js"></script>
    			<script src="http://cdn.syncfusion.com/js/assets/external/jsrender.min.js"></script>
    			<script src="http://cdn.syncfusion.com/18.3.0.47/js/web/ej.web.all.min.js"></script>
    	</head>
    	<body>
    			<?php require_once 'EJ\AutoLoad.php'; ?>
    	</body>
    </html>

    Relational

    Add the following code example to add list of items to the PivotGrid and initialize the PivotGrid widget with Relational data source.

  • html
  • <?php
    $Json = '[{'Amount':100,'Country':'Canada','Date':'FY 2005','Product':'Bike','Quantity':2,'State':'Alberta'},{'Amount':200,'Country':'Canada','Date':'FY 2006','Product':'Van','Quantity':3,'State':'British Columbia'},{'Amount':300,'Country':'Canada','Date':'FY 2007','Product':'Car','Quantity':4,'State':'Brunswick'},{'Amount':150,'Country':'Canada','Date':'FY 2008','Product':'Bike','Quantity':3,'State':'Manitoba'},{'Amount':200,'Country':'Canada','Date':'FY 2006','Product':'Car','Quantity':4,'State':'Ontario'},{'Amount':100,'Country':'Canada','Date':'FY 2007','Product':'Van','Quantity':1,'State':'Quebec'},{'Amount':200,'Country':'France','Date':'FY 2005','Product':'Bike','Quantity':2,'State':'Charente-Maritime'},{'Amount':250,'Country':'France','Date':'FY 2006','Product':'Van','Quantity':4,'State':'Essonne'},{'Amount':300,'Country':'France','Date':'FY 2007','Product':'Car','Quantity':3,'State':'Garonne (Haute)'},{'Amount':150,'Country':'France','Date':'FY 2008','Product':'Van','Quantity':2,'State':'Gers'},{'Amount':200,'Country':'Germany','Date':'FY 2006','Product':'Van','Quantity':3,'State':'Bayern'},{'Amount':250,'Country':'Germany','Date':'FY 2007','Product':'Car','Quantity':3,'State':'Brandenburg'},{'Amount':150,'Country':'Germany','Date':'FY 2008','Product':'Car','Quantity':4,'State':'Hamburg'},{'Amount':200,'Country':'Germany','Date':'FY 2008','Product':'Bike','Quantity':4,'State':'Hessen'},{'Amount':150,'Country':'Germany','Date':'FY 2007','Product':'Van','Quantity':3,'State':'Nordrhein-Westfalen'},{'Amount':100,'Country':'Germany','Date':'FY 2005','Product':'Bike','Quantity':2,'State':'Saarland'},{'Amount':150,'Country':'United Kingdom','Date':'FY 2008','Product':'Bike','Quantity':5,'State':'England'},{'Amount':250,'Country':'United States','Date':'FY 2007','Product':'Car','Quantity':4,'State':'Alabama'},{'Amount':200,'Country':'United States','Date':'FY 2005','Product':'Van','Quantity':4,'State':'California'},{'Amount':100,'Country':'United States','Date':'FY 2006','Product':'Bike','Quantity':2,'State':'Colorado'},{'Amount':150,'Country':'United States','Date':'FY 2008','Product':'Car','Quantity':3,'State':'New Mexico'},{'Amount':200,'Country':'United States','Date':'FY 2005','Product':'Bike','Quantity':4,'State':'New York'},{'Amount':250,'Country':'United States','Date':'FY 2008','Product':'Car','Quantity':3,'State':'North Carolina'},{'Amount':300,'Country':'United States','Date':'FY 2007','Product':'Van','Quantity':4,'State':'South Carolina'}]';
    
    // Converting to JSON 
    $Json = json_decode($Json,true);
    
    
    $pivotgrid =  new EJ\PivotGrid('PivotGrid1');
    $datasource = new EJ\PivotGrid\DataSource();
    $Country = new EJ\PivotGrid\Row();
    $Date = new EJ\PivotGrid\Row();
    $row=array($Country->fieldName('Country')->fieldCaption('Country'), $Date->fieldName('Date')->fieldCaption('Date'));
    $column = new EJ\PivotGrid\Column();
    $column=array($column->fieldName('Product')->fieldCaption('Product'));
    $value = new EJ\PivotGrid\Value();
    $value=array($value->fieldName('Amount')->fieldCaption('Amount'));
    
    $datasource->data($Json)->rows($row)->columns($column)->values($value);
    echo $pivotgrid->dataSource($datasource)->render();
    
    ?>

    The above code will generate a simple PivotGrid with “Country” field in Row, “Product” field in Column and “Amount” field in Value section.

    OLAP

    Add the following code example to add list of items to the PivotGrid and initialize the PivotGrid widget with OLAP data source.

  • html
  • <?php
    $pivotgrid =  new EJ\PivotGrid('PivotGrid1');
    $datasource = new EJ\PivotGrid\DataSource();
    $row = new EJ\PivotGrid\Row();
    $row=array($row->fieldName('[Date].[Fiscal]'));
    $column = new EJ\PivotGrid\Column();
    $column=array($column->fieldName('[Customer].[Customer Geography]'));
    $value = new EJ\PivotGrid\Value();
    $field = new EJ\PivotGrid\Measure();
    $value=array($value->measures(array($field->fieldName('[Measures].[Internet Sales Amount]')))->axis('columns'));
    
    $datasource->data('//bi.syncfusion.com/olap/msmdpump.dll')->catalog('Adventure Works DW 2008 SE')->cube('Adventure Works')->rows($row)->columns($column)->values($value);
    echo $pivotgrid->dataSource($datasource)->render();
    
    ?>

    The above code will generate a simple PivotGrid with “Fiscal” field in Row, “Customer Geography” field in Column and “Internet Sales Amount” field in Value section.