MDG Pivot  

This package is used to draw pivot table using JSON input data.

Instructions

$3

This package is depend on the following npm packages.

Install ng2-charts from npm:
``bash
npm install ng2-charts@2.4.3 --save
`
Install chart.js from npm:
`bash
npm install chart.js@2.9.4 --save
`
Install ng2-dnd from npm:
`bash
npm install ng2-dnd@5.0.2 --save
`
Install pdfmake from npm:
`bash
npm install pdfmake@0.2.0 --save
`
Install primeng from npm:
`bash
npm install primeng@11.4.3 --save
`


$3

You can install mdg-pivot using npm

`bash
npm install mdg-pivot --save
`

Usage

$3

* Sample demo can be found here

$3


`typescript
import { MDGModule } from 'mdg-pivot';

// In your App's module:
imports: [
MDGModule
]
`
`typescript
// In your component template:

`


$3

Add basic style to the pivot by using the below line.

`typescript
// In your styles.css:
@import "../node_modules/mdg-pivot/styles.css";
`


$3

This package contains the following type of formats.
List of Formats :
* Grid
* Line Chart
* Bar Chart
* Doughnut Chart
* Radar Chart
* Pie Chart
* Polar Area Chart

$3

- Options : Configures pivot columns, rows and values.
* Drag and Drop from list of available fields.
Value field formula type can be change by clicking on the fx* icon available on the right end of each field.
* Fields can be rearranged by selecting anyone field and using up and down arrows to change the order.
Fields can be removed by drag back to list of fields or* by deselecting the check box available in the list of fields.
- Add Formula Field : add dynamic formula to the report.
* Dynamic formula field will be added to list of fields with different category.
* Formulas can be used to calculate this field data.
- Filter : Configures additional filter fields to the report. This will be available on top of the report.
- Format : Configures the alignment of each selected field.
- Grid : Mouse over will display the list of available pivot formats. By clicking on any format, report will be displayed in the selected format.
- Export : Mouse over will display the export formats and save option. based on the action performed, the report will be exported.
- Fullscreen : Report can be viewed in full screen mode.


$3

- data ( Array ) : input JSON object.;
- autoConfigurePivot ( ?boolean=true ) : This is automatically select columns, rows and values based on the data type of the property.
- pivotFormat ( ?any ) : This will format the report based on this configuration (JSON Object).
- toolbarFormat ( ?any ) : This will format the toolbar based on this configuration (JSON Object).
- isLoading ( ?boolean=false ) : can show loading indication if there is an api call required.
- isCustomSave ( ?boolean=false ) : can show save configuration popup indication if savePivot event is subscribed (If True save configuration popup will not be shown).
- noRecordsMessage ( ?string=No data to display. ) : message to display when no records found.

$3

- refreshData ( Array ) : refresh/change the data of the report.

$3

- savePivot : fires when click on save, returns information regarding the current configuration in JSON Object format.
- error` : fires when error occurred, returns error message. if this is not subscribed, alert message will be displayed.

Authors

Manikumaran Jaganathan - Owner*

License

* This project is licensed under the MIT License