An open API service indexing awesome lists of open source software.

https://github.com/flexmonster/pivot-typescript

TypeScript pivot table sample with Flexmonster
https://github.com/flexmonster/pivot-typescript

javascript pivot-chart pivot-grid pivot-tables typescript

Last synced: about 1 year ago
JSON representation

TypeScript pivot table sample with Flexmonster

Awesome Lists containing this project

README

          

# TypeScript pivot table | Flexmonster Pivot Table & Charts sample project with TypeScript
[![Flexmonster Pivot Table & Charts](https://cdn.flexmonster.com/readmes/typescript.webp)](https://www.flexmonster.com/?r=sample_ts_main)

Website: [flexmonster.com](https://www.flexmonster.com/?r=sample_ts_main)

[![Github Stars](https://img.shields.io/github/stars/flexmonster?style=social)](https://github.com/flexmonster) [![Twitter](https://img.shields.io/twitter/follow/Flexmonster?style=social)](https://twitter.com/Flexmonster)

## Flexmonster Pivot Table & Charts

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 TypeScript data visualization project. The tool supports popular frameworks like Angular, React, Vue, Blazor, and [more](https://www.flexmonster.com/doc/available-tutorials-integration?r=sample_ts_main). 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 [TypeScript](https://www.typescriptlang.org/) project for Flexmonster Pivot Table & Charts.

Table of contents:

* [Prerequisites](#prerequisites)
* [Installation](#installation)
* [Related Flexmonster docs](#related-flexmonster-docs)
* [Support and feedback](#support-and-feedback)
* [Flexmonster licensing](#flexmonster-licensing)
* [Social media](#social-media)

## Prerequisites

- [Node.js](https://nodejs.org/en/)

## Installation

1. Download a `.zip` archive with the sample project or clone it from GitHub with the following command:

```bash
git clone https://github.com/flexmonster/pivot-typescript.git && cd pivot-typescript
```

2. Choose one of the following projects:

- To run the [TypeScript application with Flexmonster Pivot](https://github.com/flexmonster/pivot-typescript/tree/master/simpleProject), go to the `simpleProject/` folder:
```bash
cd simpleProject
```

- To run the [TypeScript + webpack application with Flexmonster Pivot](https://github.com/flexmonster/pivot-typescript/tree/master/webpackProject), go to the `webpackProject/` folder:
```bash
cd webpackProject
```

3. Install the npm dependencies described in `package.json`:

```bash
npm install
```

4. Run the sample project:

```bash
npm start
```

## Related Flexmonster docs

- [Integration with TypeScript](https://www.flexmonster.com/doc/integration-with-typescript/?r=sample_ts_main) — learn how to integrate Flexmonster into a TypeScript project.

## Support and feedback

In case of any issues, visit our [troubleshooting section](https://www.flexmonster.com/doc/typical-errors?r=sample_ts_main). You can also search among the [resolved cases](https://www.flexmonster.com/technical-support?r=sample_ts_main) for a solution to your problem.

To share your feedback or ask questions, contact our Tech team by raising a ticket on [Flexmonster Help Center](https://www.flexmonster.com/help-center?r=sample_ts_main). You can also find a list of samples, technical specifications, and a user interface guide there.

## Flexmonster licensing

To learn about Flexmonster Pivot licenses, visit the [Flexmonster licensing page](https://www.flexmonster.com/pivot-table-editions-and-pricing?r=sample_ts_main).
If you want to test our product, we provide a 30-day free trial.

If you need any help with your license — fill out our [Contact form](https://www.flexmonster.com/contact-our-team?r=sample_ts_main), and we will get in touch with you.

## Social media

Follow us on social media and stay updated on our development process!

[![LinkedIn](https://img.shields.io/badge/LinkedIn-blue?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/company/flexmonster) [![YouTube](https://img.shields.io/badge/YouTube-red?style=for-the-badge&logo=youtube&logoColor=white)](https://youtube.com/user/FlexMonsterPivot) [![Twitter](https://img.shields.io/badge/Twitter-blue?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/flexmonster)