Website: flexmonster.com
Flexmonster Pivot Table & Charts is a powerful and fully customizable JavaScript component for web reporting. It is packed with all core features for data analysis and can easily become a part of your Angular data visualization project. The tool supports popular frameworks like React, Vue, Angular, Blazor, and more. Also, Flexmonster connects to any data source, including SQL and NoSQL databases, JSON and CSV files, OLAP cubes, and Elasticsearch.
This repository contains a sample Angular project for Flexmonster Pivot Table & Charts.
Note: This version of the project uses the ngx-flexmonster wrapper, which is Ivy-compatible. Switch to the ng-flexmonster branch for the project with the legacy ng-flexmonster wrapper.
Table of contents:
- Prerequisites
- Installation
- What is inside the project
- Related Flexmonster docs
- Support and feedback
- Flexmonster licensing
- Social media
- Download a
.ziparchive with the sample project or clone it from GitHub with the following command:
git clone https://github.com/flexmonster/pivot-angular.git && cd pivot-angular
- Install the npm dependencies described in
package.json:
npm install
- Run the sample project:
ng serve
To see the result, open http://localhost:4200/ in your browser.
Angular sample project contains several examples of Flexmonster Pivot usage and customization:
- Pivot table demo shows how to define the
report,toolbar, and other initialization parameters in the pivot grid for Angular. - Handling events demonstrates how to subscribe to events and unsubscribe from them.
- Using API calls illustrates how to use Flexmonster's methods.
- Updating data is an example of refreshing data at runtime using the
updateData()method. - Customizing the Toolbar shows how to customize the Toolbar.
- Customizing the grid illustrates how to customize the pivot table using the
customizeCell()API call. - Integration with Highcharts demonstrates how to integrate with the Highcharts charting library.
- Integration with amCharts is an example of integration with the amCharts charting library.
You can try all of these examples right from the project’s starting page.
- Integration with Angular — learn how to integrate Flexmonster into an Angular project.
- Usage examples in Angular — see details on Flexmonster usage in Angular.
In case of any issues, visit our Troubleshooting section. You can also search among the resolved cases for a solution to your issue.
To share your feedback or ask questions, contact our Tech team by raising a ticket on our Help Center. You can also find a list of samples, technical specifications, and a user interface guide there.
This sample project is released under the MIT license (free and open-source). Also, it uses the Flexmonster Angular wrapper, which is governed by the Flexmonster Software License Agreement: https://www.flexmonster.com/software-license-agreement/.
Flexmonster offers a 30-day free trial so you can evaluate our product. Pricing for commercial license models can be found on the Flexmonster pricing page.
If you need any help with your license, fill out our Contact form, and we will get in touch with you.
Follow us on social media and stay updated on our development process!