Flexmonster is a JavaScript pivot table and charts component that works with all popular frameworks and connects to any data source—from JSON and CSV to SQL, SSAS, and Elasticsearch—providing built-in visualization, full accessibility, and in-depth documentation. # Documentation - [Introduction](https://www.flexmonster.com/doc/introduction/): This article introduces the Flexmonster Pivot Table & Charts component, an enterprise JavaScript library for data visualization and analysis. ## JavaScript - [Sample JavaScript project](https://www.flexmonster.com/doc/sample-javascript-project/): This guide helps you run a sample JavaScript project featuring the Flexmonster library. - [Integrating Flexmonster](https://www.flexmonster.com/doc/how-to-create-js-pivottable/): This tutorial assists you in adding Flexmonster to your native JavaScript project. - [Using methods and events in JavaScript](https://www.flexmonster.com/doc/using-methods-and-events-javascript/): This guide explains how to interact with Flexmonster using its JavaScript methods and events. - [Migrating from WebDataRocks to Flexmonster in JavaScript](https://www.flexmonster.com/doc/migrating-from-webdatarocks-to-flexmonster/): This guide provides instructions on migrating from WebDataRocks to Flexmonster in a JavaScript environment. ## React - [The FlexmonsterReact.Pivot component for React](https://www.flexmonster.com/doc/flexmonster-pivot-component-for-react/): This article describes the FlexmonsterReact.Pivot component used to embed the pivot table into React. ### Next.js - [Sample Next.js project](https://www.flexmonster.com/doc/sample-next-js-project/): This guide explains how to run a sample Next.js project with ready-to-use Flexmonster demos. - [Integration with Next.js](https://www.flexmonster.com/doc/integration-with-next-js/): This tutorial describes how to integrate Flexmonster with the Next.js framework. - [Usage examples (Next.js)](https://www.flexmonster.com/doc/usage-examples-next-js/): This guide provides various examples of Flexmonster usage specifically for Next.js applications. - [Using methods and events in Next.js](https://www.flexmonster.com/doc/using-methods-and-events-next-js/): This guide explains how to use Flexmonster methods and events within a Next.js environment. ### ES6/TypeScript - [Sample React project](https://www.flexmonster.com/doc/sample-react-project/): This guide helps you set up and run a sample React project with integrated Flexmonster demos. - [Integration with React](https://www.flexmonster.com/doc/integration-with-react/): This tutorial provides step-by-step instructions for integrating Flexmonster into a React application. - [Usage examples (React)](https://www.flexmonster.com/doc/usage-examples-react/): This guide lists practical examples of using Flexmonster in React, available in the sample project. - [Using methods and events in React](https://www.flexmonster.com/doc/using-methods-and-events-react/): This guide describes how to work with Flexmonster methods and events in React. - [Migrating from WebDataRocks to Flexmonster in React](https://www.flexmonster.com/doc/migrating-from-webdatarocks-react/): This guide helps you transition from WebDataRocks to Flexmonster in a React-based project. - [Improving Flexmonster's performance in React](https://www.flexmonster.com/doc/improving-performance-react/): This guide explains how to optimize Flexmonster's performance in React by addressing build-tool overhead like babel-loader. ## Angular - [Sample Angular project](https://www.flexmonster.com/doc/sample-angular-project/): This guide helps you run a sample Angular project containing multiple Flexmonster live demos. - [Integration with Angular](https://www.flexmonster.com/doc/integration-with-angular/): This tutorial explains how to integrate Flexmonster with Angular, supporting both the latest and older versions. - [Usage examples (Angular)](https://www.flexmonster.com/doc/usage-examples-angular/): This guide provides implementation examples for Flexmonster within the Angular framework. - [The FlexmonsterPivot component for Angular](https://www.flexmonster.com/doc/fm-pivot-directive-for-angular/): This article describes the FlexmonsterPivot component for embedding the library into Angular applications. - [Using methods and events in Angular](https://www.flexmonster.com/doc/using-methods-and-events-angular/): This guide explains how to handle Flexmonster methods and events in Angular. - [Migrating from WebDataRocks to Flexmonster in Angular](https://www.flexmonster.com/doc/migrating-from-webdatarocks-angular/): This guide provides steps for migrating from WebDataRocks to Flexmonster in Angular. - [Integration with Angular 4](https://www.flexmonster.com/doc/integrate-with-angular-4/): This tutorial specifically describes the integration process for Angular 4 projects. ## Vue ### Vue3 - [Sample Vue 3 project](https://www.flexmonster.com/doc/sample-vue-3-project/): This guide helps you run a sample Vue 3 project with pre-configured Flexmonster demos. - [Integration with Vue 3](https://www.flexmonster.com/doc/integration-with-vue-3/): This tutorial explains how to integrate Flexmonster with the Vue 3 framework. - [Integration with Nuxt](https://www.flexmonster.com/doc/integration-with-nuxt/): This tutorial provides instructions for integrating Flexmonster with Nuxt. - [Usage examples (Vue 3)](https://www.flexmonster.com/doc/usage-examples-vue-3/): This guide lists usage examples for Flexmonster in Vue 3 applications. - [The component for Vue 3](https://www.flexmonster.com/doc/pivot-component-for-vue-3/): This article describes the component used for Vue 3 integration. - [Using methods and events in Vue 3](https://www.flexmonster.com/doc/using-methods-and-events-vue-3/): This guide explains how to utilize Flexmonster methods and events in Vue 3. - [Migrating from WebDataRocks to Flexmonster in Vue 3](https://www.flexmonster.com/doc/migrating-from-webdatarocks-vue-3/): This guide helps you migrate from WebDataRocks to Flexmonster in a Vue 3 environment. ### Vue2 - [Sample Vue 2 project](https://www.flexmonster.com/doc/sample-vue-2-project/): This guide helps you run a sample Vue 2 project with integrated Flexmonster examples. - [Integration with Vue 2](https://www.flexmonster.com/doc/integration-with-vue-2/): This tutorial describes the process of adding Flexmonster to a Vue 2 application. - [Usage examples (Vue 2)](https://www.flexmonster.com/doc/usage-examples-vue-2/): This guide lists practical usage examples for Flexmonster in Vue 2. - [The component for Vue 2](https://www.flexmonster.com/doc/pivot-component-for-vue-2/): This article describes the component for embedding the tool into Vue 2. - [Using methods and events in Vue 2](https://www.flexmonster.com/doc/using-methods-and-events-vue-2/): This guide explains how to use Flexmonster methods and events in Vue 2. - [Migrating from WebDataRocks to Flexmonster in Vue 2](https://www.flexmonster.com/doc/migrating-from-webdatarocks-vue-2/): This guide provides steps to transition from WebDataRocks to Flexmonster in Vue 2. ## Other integrations - [Available tutorials on integration with frameworks](https://www.flexmonster.com/doc/available-tutorials-integration/): This guide provides an overview of all available tutorials for integrating Flexmonster with various frameworks and technologies. ### Integration with Blazor - [Sample Blazor project](https://www.flexmonster.com/doc/sample-blazor-project/): This guide helps you run a sample Blazor project featuring live Flexmonster demos. - [Integration with Blazor](https://www.flexmonster.com/doc/integration-with-blazor/): This tutorial provides instructions for integrating Flexmonster with the Blazor framework. - [Usage examples (Blazor)](https://www.flexmonster.com/doc/usage-examples-blazor/): This guide lists examples of how Flexmonster can be used in Blazor applications. - [The FlexmonsterComponent for Blazor](https://www.flexmonster.com/doc/flexmonster-component-for-blazor/): This article describes the FlexmonsterComponent used to embed the library into Blazor. - [Configure a report in Blazor](https://www.flexmonster.com/doc/configure-a-report-in-blazor/): This guide explains how to set up and configure reports in Blazor using inline objects or JSON URLs. - [Using methods and events in Blazor](https://www.flexmonster.com/doc/using-methods-and-events-blazor/): This guide describes how to work with Flexmonster methods and events in Blazor. - [Accessing Flexmonster functionality through JavaScript in Blazor](https://www.flexmonster.com/doc/access-features-via-js-blazor/): This guide explains how to access full Flexmonster functionality in Blazor by using JavaScript interop for unsupported native methods. ### Integration with Python - [Integration with Django](https://www.flexmonster.com/doc/integration-with-django/): This tutorial explains how to integrate Flexmonster with the Django web framework. - [Integration with Jupyter](https://www.flexmonster.com/doc/integration-with-jupyter-notebook/): This tutorial helps you integrate Flexmonster with Jupyter notebooks for data analysis. ### Integration with Svelte - [Sample Svelte project](https://www.flexmonster.com/doc/sample-svelte-project/): This guide helps you run a sample Svelte project featuring Flexmonster demos. - [Integration with Svelte](https://www.flexmonster.com/doc/integration-with-svelte/): This tutorial describes how to integrate Flexmonster with the Svelte framework. - [Usage examples (Svelte)](https://www.flexmonster.com/doc/usage-examples-svelte/): This guide lists examples of using Flexmonster in Svelte applications. - [Svelte Pivot Table](https://www.flexmonster.com/doc/flexmonster-component-for-svelte/): This guide provides an overview of the specialized pivot grid component designed for Svelte. - [Using methods and events in Svelte](https://www.flexmonster.com/doc/using-methods-and-events-svelte/): This guide explains how to handle Flexmonster methods and events in Svelte. ### Other integrations - [Integration with TypeScript](https://www.flexmonster.com/doc/integration-with-typescript/): This tutorial helps you integrate Flexmonster into a TypeScript-based environment. - [Integration with module bundlers](https://www.flexmonster.com/doc/integration-with-module-bundlers/): This tutorial describes how to integrate Flexmonster with various JavaScript module bundlers. - [Integration with Ionic](https://www.flexmonster.com/doc/integration-with-ionic/): This guide helps you integrate Flexmonster with the Ionic framework for mobile app development. - [Integration with Electron.js](https://www.flexmonster.com/doc/integration-with-electron-js/): This tutorial explains how to integrate Flexmonster with Electron.js for desktop applications. - [Integration with Flutter](https://www.flexmonster.com/doc/integration-with-flutter/): This tutorial provides instructions for integrating Flexmonster with the Flutter framework. - [Integration with R Shiny](https://www.flexmonster.com/doc/integration-with-r-shiny/): This tutorial helps you add Flexmonster to an R Shiny analytical application. - [Integration with jQuery](https://www.flexmonster.com/doc/integration-with-jquery/): This tutorial describes how to integrate the pivot table with the jQuery library. - [Integration with React Native](https://www.flexmonster.com/doc/integration-with-react-native/): This tutorial explains how to integrate Flexmonster with React Native for mobile projects. - [Integration with RequireJS](https://www.flexmonster.com/doc/integration-with-requirejs/): This tutorial helps you integrate Flexmonster into projects using RequireJS. ## Troubleshooting - [Troubleshooting](https://www.flexmonster.com/doc/typical-errors/): This guide provides solutions to typical errors encountered while working with Flexmonster Pivot. - [Troubleshooting the CLI](https://www.flexmonster.com/doc/troubleshooting-cli/): This guide offers solutions to issues related to the Flexmonster command-line interface. - [Troubleshooting the Accelerator](https://www.flexmonster.com/doc/troubleshooting-ssas/): This guide explains how to resolve common SSAS connectivity issues, such as version incompatibilities between the Accelerator and the Pivot. ### Troubleshooting the Data Server - [Troubleshooting the Data Server](https://www.flexmonster.com/doc/troubleshooting-data-server/): This tutorial provides troubleshooting steps for issues involving the Flexmonster Data Server. - [Common issues with the Data Server](https://www.flexmonster.com/doc/common-issues-with-the-data-server/): This guide lists common issues and their resolutions for the Flexmonster Data Server. ## Connecting to data source - [Supported data sources](https://www.flexmonster.com/doc/supported-data-sources/): This guide describes all data sources supported by Flexmonster, including CSV, JSON, and various SQL databases. ### JSON - [Connecting to JSON data](https://www.flexmonster.com/doc/json-data-source/): This guide illustrates the basic process of connecting Flexmonster to a JSON data source. - [Connecting to JSON using Flexmonster Data Server](https://www.flexmonster.com/doc/pivot-table-connect-to-json/): This guide explains how to use Flexmonster Data Server to achieve better performance when connecting to JSON data. - [Setting data types in JSON](https://www.flexmonster.com/doc/managing-data-presentation-json/): This guide describes how to manage and manually set field types for JSON data sources. ### CSV - [Connecting to CSV data](https://www.flexmonster.com/doc/csv-data-source/): This guide illustrates the process of connecting Flexmonster to a CSV data source. - [Connecting to CSV using Flexmonster Data Server](https://www.flexmonster.com/doc/pivot-table-connect-to-csv/): This guide explains how to use Flexmonster Data Server for high-performance CSV data processing. ### Database - [Approaches for connecting to SQL databases](https://www.flexmonster.com/doc/connect-to-relational-database/): This guide describes different architectural approaches for connecting Flexmonster to relational databases. - [Connecting to a MySQL database](https://www.flexmonster.com/doc/connect-to-mysql-database/): This guide describes how to connect to MySQL using the Flexmonster Data Server. - [Connecting to a MariaDB database](https://www.flexmonster.com/doc/connect-to-mariadb-database/): This guide explains how to connect to MariaDB via the Flexmonster Data Server. - [Connecting to a Microsoft SQL Server database](https://www.flexmonster.com/doc/connect-to-mssql-database/): This guide describes the connection process for Microsoft SQL Server using the Data Server. - [Connecting to a PostgreSQL database](https://www.flexmonster.com/doc/connect-to-postgresql-database/): This guide explains how to connect to PostgreSQL via the Flexmonster Data Server. - [Connecting to an Oracle database](https://www.flexmonster.com/doc/connect-to-oracle-database/): This guide describes how to connect to an Oracle database using the Data Server. ### Flexmonster Data Server - [Introduction to Flexmonster Data Server](https://www.flexmonster.com/doc/intro-to-flexmonster-data-server/): This article introduces the Flexmonster Data Server as a high-performance server-side application. - [Installing Flexmonster Data Server as a Windows/Unix service](https://www.flexmonster.com/doc/getting-started-with-data-server/): This guide provides instructions for installing the Data Server as a background service. - [Flexmonster Admin Panel guide](https://www.flexmonster.com/doc/admin-panel-guide/): This guide describes how to use the graphical interface of the Admin Panel to manage the Data Server. - [Data sources guide for the Data Server as a service](https://www.flexmonster.com/doc/data-sources-guide/): This tutorial explains how to connect the Data Server service to various data sources. - [Security and authorization guide for the Data Server as a service](https://www.flexmonster.com/doc/security-and-authorization-guide/): This tutorial describes how to configure security and access control for the Data Server. #### The Data Server as a DLL - [Getting started with the Data Server as a DLL](https://www.flexmonster.com/doc/getting-started-with-data-server-dll/): This article explains how to embed the Data Server into your project as a flexible DLL module. - [Referencing the Data Server as a DLL](https://www.flexmonster.com/doc/referencing-data-server-as-dll/): This guide describes the process of referencing the Data Server DLL in a .NET application. - [Implementing the API controller for the Data Server as a DLL](https://www.flexmonster.com/doc/implementing-api-controller/): This guide explains how to implement the required API controller for communication when using the Data Server as a DLL. - [Configurations reference for the Data Server as a DLL](https://www.flexmonster.com/doc/dll-configurations-reference/): This guide provides a reference for available configurations when using the Data Server DLL. - [Implementing the server filter using the Data Server as a DLL](https://www.flexmonster.com/doc/implementing-server-filter/): This guide describes how to implement server-side filtering logic with the Data Server DLL. - [Connecting to any data source using a custom parser for the Data Server as a DLL](https://www.flexmonster.com/doc/implementing-custom-parser/): This guide explains how to implement custom parsers to visualize data from any source using the DLL. - [Configuring logging for the Data Server as a DLL](https://www.flexmonster.com/doc/configure-logging-fds-dll/): This guide describes how to enable and configure logging for the Data Server DLL. - [Manually reloading indexes in the Data Server as a DLL](https://www.flexmonster.com/doc/manually-reloading-indexes/): This guide explains how to configure and trigger manual index reloading for the Data Server DLL. - [The controller's methods for request handling in the Data Server as a DLL](https://www.flexmonster.com/doc/controllers-methods-for-request-handling/): This guide describes the controller methods used for handling custom data source API requests in the DLL. #### The Data Server as a console application - [Installing the Data Server as a console application](https://www.flexmonster.com/doc/install-data-server-as-console-app/): This guide provides instructions for installing the Data Server as a console application. - [Configurations reference for the Data Server as a console app](https://www.flexmonster.com/doc/configurations-reference/): This guide describes the available configuration options for the Data Server console application. - [Data sources guide for the Data Server as a console app](https://www.flexmonster.com/doc/data-sources-for-console-app/): This tutorial explains how to connect various data sources to the Data Server console app. - [Security and authorization guide for the Data Server as a console app](https://www.flexmonster.com/doc/security-and-auth-for-console-app/): This tutorial describes security configuration for the Data Server console application. ### MongoDB - [Introduction to Flexmonster MongoDB Connector](https://www.flexmonster.com/doc/mongodb-connector/): This article introduces the MongoDB Connector, a server-side tool for connecting to MongoDB. - [Sample project with the MongoDB Connector](https://www.flexmonster.com/doc/how-to-connect-to-mongodb/): This guide provides a walkthrough of a sample project using the Flexmonster MongoDB Connector. - [Embedding the MongoDB Connector into the server](https://www.flexmonster.com/doc/embed-mongodb-connector/): This tutorial explains how to embed the MongoDB Connector into a Node.js server. - [Configuring the MongoDB Connector](https://www.flexmonster.com/doc/configuring-mongodb-connector/): This guide describes how to configure the MongoDB Connector using initialization parameters. ### Microsoft Analysis Services - [Approaches for connecting to SSAS](https://www.flexmonster.com/doc/connecting-to-microsoft-analysis-services/): This article describes different methods for connecting Flexmonster to Microsoft Analysis Services. #### Flexmonster Accelerator - [Introduction to Flexmonster Accelerator](https://www.flexmonster.com/doc/flexmonster-accelerator-introduction/): This article introduces the Flexmonster Accelerator, a proxy for speeding up OLAP cube data loading. - [Installing the Accelerator as a Windows service](https://www.flexmonster.com/doc/getting-started-with-accelerator-ssas/): This guide provides instructions for installing the Accelerator as a Windows Service. - [Configurations reference (Flexmonster Accelerator)](https://www.flexmonster.com/doc/accelerator-configurations-reference/): This guide provides a reference for all Accelerator configuration parameters. - [Referencing the Accelerator as a DLL](https://www.flexmonster.com/doc/referencing-accelerator-as-dll/): This guide explains how to integrate the Accelerator into a backend by referencing it as a DLL. - [Managing authentication and data access for SSAS (Flexmonster Accelerator)](https://www.flexmonster.com/doc/configuring-authentication-process/): This tutorial explains how to manage SSAS authentication using the Accelerator. - [Configuring a secure HTTPS connection for Flexmonster Accelerator](https://www.flexmonster.com/doc/configuring-secure-https-connection/): This guide explains how to enable secure HTTPS data transfer for the Accelerator. #### Connection via the XMLA - [Connecting to Microsoft Analysis Services via XMLA](https://www.flexmonster.com/doc/connecting-to-microsoft-analysis-services-via-xmla/): This guide describes the process of connecting to SSAS using the XMLA industry standard. - [Managing authentication and data access for SSAS (XMLA)](https://www.flexmonster.com/doc/configuring-the-authentication-process-for-ssas-xmla/): This tutorial explains authentication management for SSAS via XMLA. ### Custom data source API - [Introduction to the custom data source API](https://www.flexmonster.com/doc/introduction-to-custom-data-source-api/): This article introduces the concept and benefits of the custom data source API. - [A quick overview of a sample Node.js server](https://www.flexmonster.com/doc/pivot-table-with-node-js-server/): This guide provides a walkthrough of a sample Node.js server implementing the custom data source API. - [A quick overview of a sample .NET Core server](https://www.flexmonster.com/doc/pivot-table-with-dot-net-core-server/): This guide provides an overview of a sample .NET Core server that implements the custom data source API. #### Implement your own server - [Implementing the custom data source API on your server](https://www.flexmonster.com/doc/implement-custom-data-source-api/): This guide demonstrates how to implement the custom data source API protocol on a server. - [Configuring filters in the custom data source API](https://www.flexmonster.com/doc/implementing-filters/): This guide explains how to enable and configure field filters within the custom data source API. - [Configuring aggregation functions in the custom data source API](https://www.flexmonster.com/doc/support-more-aggregations/): This tutorial describes how to support and configure aggregations in the custom data source API. - [Supporting multilevel hierarchies in the custom data source API](https://www.flexmonster.com/doc/supporting-multilevel-hierarchies/): This tutorial explains how to build multilevel hierarchies from flat data using the custom API. - [Testing your custom data source API server](https://www.flexmonster.com/doc/test-custom-data-source-api-server/): This guide describes how to use a test suite to verify your custom data source API implementation. ### Elasticsearch - [Connecting to Elasticsearch](https://www.flexmonster.com/doc/connecting-to-elasticsearch/): This article illustrates how to build reports based on data retrieved from Elasticsearch. - [Configuring the mapping for Elasticsearch](https://www.flexmonster.com/doc/configuring-the-mapping/): This guide explains how to configure data mapping when connecting to Elasticsearch. ### Connecting to other data sources - [Connecting to other data sources](https://www.flexmonster.com/doc/connecting-to-other-data-sources/): This guide describes methods for connecting to data sources not supported out of the box. ## Configuring the component - [Getting started with the report](https://www.flexmonster.com/doc/getting-started-with-report/): This guide explains how reports store Flexmonster configurations, including data sources, filters, and formatting. - [Available report configurations](https://www.flexmonster.com/doc/available-tutorials-report/): This guide provides an overview of available configurations that can be applied to reports and global settings. - [Global configurations](https://www.flexmonster.com/doc/global-options/): This guide explains how to set configuration options that apply across all reports. #### Configuring data representation - [Mapping](https://www.flexmonster.com/doc/mapping/): This article describes how mapping defines the treatment and presentation of data fields. ### Define which data to show - [Slice](https://www.flexmonster.com/doc/slice/): This article explains how a slice defines the subset of data shown in the grid and charts. - [Aggregation functions](https://www.flexmonster.com/doc/aggregation-functions/): This guide describes the various aggregation functions available in Flexmonster to transform raw data. - [Sorting](https://www.flexmonster.com/doc/sorting/): This guide describes the sorting options available in Flexmonster and how to configure them. - [Calculated values](https://www.flexmonster.com/doc/calculated-values/): This article explains how to add new measures using calculated values. ### Configure Flexmonster's options - [Understanding options](https://www.flexmonster.com/doc/options/): This guide explains how to use the Options object to manage UI controls and general functionality. - [Grid options](https://www.flexmonster.com/doc/grid-options/): This guide describes the configurations available for the grid's appearance and behavior. - [Chart options](https://www.flexmonster.com/doc/chart-options/): This guide describes the configurations available specifically for the built-in charts. - [Component-wide options](https://www.flexmonster.com/doc/component-wide-options/): This guide explains configuration options that affect both the grid and charts simultaneously. - [Changing the grid layout](https://www.flexmonster.com/doc/changing-the-grid-layout/): This guide explains how to switch between different Flexmonster grid layouts. ### Filter data - [Overview (Filtering)](https://www.flexmonster.com/doc/overview-filtering/): This article provides an overview of the filtering features available in the library. - [Filter by condition](https://www.flexmonster.com/doc/filter-by-condition/): This guide explains how to filter field members based on specific conditional rules. - [Filter by selection](https://www.flexmonster.com/doc/filter-by-selection/): This guide describes how to filter data by selecting specific field members. - [Filter by value](https://www.flexmonster.com/doc/filter-by-value/): This guide explains how to filter field members based on their measured values. - [Report filters](https://www.flexmonster.com/doc/report-filters/): This guide explains how to use report filters to limit data without displaying the fields on the grid. - [Advanced tips for filtering](https://www.flexmonster.com/doc/advanced-tips-filtering/): This guide provides advanced techniques for implementing complex filtering. ### Format data - [Number formatting](https://www.flexmonster.com/doc/number-formatting/): This tutorial explains how to configure the numeric appearance of value cells. - [Date and time formatting](https://www.flexmonster.com/doc/date-and-time-formatting/): This tutorial describes how to format date and time fields across different data sources. - [Conditional formatting](https://www.flexmonster.com/doc/conditional-formatting/): This article explains how to format grid cells based on specific value conditions. ## Saving and exporting - [Available tutorials on saving Flexmonster configurations](https://www.flexmonster.com/doc/available-tutorials-save/): This guide provides an overview of various methods for saving, exporting, or sharing reports. - [Save and restore the report](https://www.flexmonster.com/doc/save-and-restore-report/): This guide explains how to save a report configuration and restore it later. - [Export the report](https://www.flexmonster.com/doc/export-report/): This guide describes how to export current grid or chart data to various file formats. - [Share the report](https://www.flexmonster.com/doc/share-report/): This guide explains how to share report configurations with other users using direct links. - [Print the report](https://www.flexmonster.com/doc/print-report/): This guide explains how to print reports directly from Flexmonster via the OS print manager. ## Customizing - [Available tutorials on Flexmonster customization](https://www.flexmonster.com/doc/available-tutorials-customizing/): This guide provides an overview of tutorials for modifying the UI and appearance of Flexmonster. - [Resizing rows and columns](https://www.flexmonster.com/doc/resizing-rows-and-columns/): This guide describes how to set custom dimensions for rows and columns. - [Changing themes](https://www.flexmonster.com/doc/customizing-appearance/): This guide explains how to customize appearance using predefined or custom themes. - [Localizing the component](https://www.flexmonster.com/doc/localizing-component/): This guide describes how to localize the component's text elements. - [Customizing the Toolbar](https://www.flexmonster.com/doc/customizing-toolbar/): This guide explains how to modify and extend the Flexmonster Toolbar. - [Customizing the context menu](https://www.flexmonster.com/doc/customizing-context-menu/): This guide explains how to customize the right-click context menu. - [Customizing the grid cells](https://www.flexmonster.com/doc/customizing-grid/): This guide describes how to apply custom styles to individual grid cells. - [Customizing the pivot charts](https://www.flexmonster.com/doc/customizing-pivot-charts/): This guide explains how to customize the built-in Flexmonster Pivot Charts. - [Creating a custom UI control or view](https://www.flexmonster.com/doc/creating-a-custom-ui-control-or-view/): This guide describes how to build custom UI elements for functionality not provided out of the box. ## Charts - [Available tutorials on charts](https://www.flexmonster.com/doc/available-tutorials-charts/): This guide provides an overview of tutorials for built-in and 3rd party charting integrations. - [Flexmonster Pivot Charts](https://www.flexmonster.com/doc/flexmonster-pivot-charts/): This article introduces the built-in interactive pivot charts and their analytical features. - [Integration with Highcharts](https://www.flexmonster.com/doc/integration-with-highcharts/): This tutorial explains how to integrate Flexmonster with the Highcharts library. - [Integration with amCharts](https://www.flexmonster.com/doc/integration-with-amcharts/): This tutorial explains how to integrate Flexmonster with the amCharts library. - [Integration with FusionCharts](https://www.flexmonster.com/doc/integration-with-fusioncharts/): This tutorial explains how to integrate Flexmonster with FusionCharts. - [Integration with Google Charts](https://www.flexmonster.com/doc/integration-with-google-charts/): This tutorial explains how to integrate Flexmonster with Google Charts. - [Integration with any charting library](https://www.flexmonster.com/doc/integration-with-any-charting-library/): This tutorial describes how to connect any 3rd party visualization tool to Flexmonster. ## License keys - [Managing license keys](https://www.flexmonster.com/doc/managing-license-keys/): This guide explains how to use and securely store Flexmonster license keys. - [Types of license keys](https://www.flexmonster.com/doc/types-of-license-keys/): This article describes the different types of license keys available. ## Accessibility - [Accessibility overview](https://www.flexmonster.com/doc/accessibility-overview/): This article provides an overview of the accessibility features implemented in the component. - [Keyboard navigation](https://www.flexmonster.com/doc/keyboard-navigation/): This guide explains how to navigate and use Flexmonster using keyboard shortcuts. ## Security - [Security in Flexmonster](https://www.flexmonster.com/doc/flexmonster-security/): This article describes the security practices and data protection measures used in Flexmonster. ### Security aspects of connecting to an OLAP cube - [Ways of connecting to an OLAP cube](https://www.flexmonster.com/doc/ways-of-connecting-to-an-olap-cube/): This guide describes the different methods for securely connecting to an OLAP cube. - [The data transfer process in Flexmonster Accelerator](https://www.flexmonster.com/doc/data-transfer-accelerator/): This article explains how data is transferred from an OLAP cube to the component via the Accelerator. - [Data security in Flexmonster Accelerator](https://www.flexmonster.com/doc/data-security-accelerator/): This article describes security concepts related to OLAP connections. - [Data access management in Flexmonster Accelerator](https://www.flexmonster.com/doc/data-access-accelerator/): This guide explains how to manage data access based on user roles when using the Accelerator. ## Updating to the latest version - [Updating to the latest version](https://www.flexmonster.com/doc/updating-to-the-latest-version/): This guide explains how to update the component to the latest available version. - [Migration guide from 2.8 to 2.9](https://www.flexmonster.com/doc/migration-guide-from-2-8-to-2-9/): This migration guide describes breaking changes and new features introduced in version 2.9. - [Migration guide from 2.7 to 2.8](https://www.flexmonster.com/doc/migration-guide-from-2-7-to-2-8/): This migration guide describes significant changes in version 2.8. - [Migration guide from 2.6 to 2.7](https://www.flexmonster.com/doc/migration-guide-from-2-6-to-2-7/): This migration guide describes significant changes in version 2.7. - [Migration guide from 2.5 to 2.6](https://www.flexmonster.com/doc/migration-guide-from-2-5-to-2-6/): This migration guide describes changes in version 2.6. - [Migration guide from 2.4 to 2.5](https://www.flexmonster.com/doc/migration-guide-from-2-4-to-2-5/): This migration guide describes changes in version 2.5. - [Migration guide from 2.3 to 2.4](https://www.flexmonster.com/doc/migration-guide-from-2-3-to-2-4/): This migration guide describes changes in version 2.4. - [Migration guide from 2.2 to 2.3](https://www.flexmonster.com/doc/migration-guide/): This migration guide describes changes in version 2.3. ## Flexmonster CLI reference - [Flexmonster CLI overview](https://www.flexmonster.com/doc/cli-overview/): This guide provides an introduction to the Flexmonster command-line interface tool. - [flexmonster create](https://www.flexmonster.com/doc/flexmonster-create/): This guide describes the flexmonster create command for project initialization. - [flexmonster add](https://www.flexmonster.com/doc/flexmonster-add/): This guide describes the flexmonster add command for adding modules. - [flexmonster update](https://www.flexmonster.com/doc/flexmonster-update/): This guide describes the flexmonster update command for updating the library. - [flexmonster version](https://www.flexmonster.com/doc/flexmonster-version/): This guide describes the flexmonster version command to check CLI and library versions. - [flexmonster help](https://www.flexmonster.com/doc/flexmonster-help/): This guide describes the flexmonster help command for CLI command assistance. ## Requirements and Resources - [Browser compatibility](https://www.flexmonster.com/doc/system-requirements/): This article lists the browser and system requirements for the Flexmonster component. - [Documentation for older versions](https://www.flexmonster.com/doc/documentation-for-older-versions/): This guide provides links to documentation for legacy versions of the library. # API reference - [API Reference](https://www.flexmonster.com/api/): This article provides an overview of the Flexmonster API, which allows you to interact with the component programmatically. - [Flexmonster()](https://www.flexmonster.com/api/new-flexmonster/): This method initializes a new instance of the Flexmonster component with specified parameters. ## Objects - [All Flexmonster objects](https://www.flexmonster.com/api/objects/): This guide lists various objects used to configure the Flexmonster component according to your requirements. ### Report - [ReportObject](https://www.flexmonster.com/api/report-object/): This object defines all configuration aspects of pivot tables and charts. - [DataSourceObject](https://www.flexmonster.com/api/data-source-object/): This object specifies the data source settings. #### Mapping - [MappingObject](https://www.flexmonster.com/api/mapping-object/): This object allows defining field data types, captions, multilevel hierarchies, and field grouping. - [FieldMappingObject](https://www.flexmonster.com/api/field-mapping-object/): This object allows setting the mapping configuration for a specific field within the dataset. - [AggregationsObject](https://www.flexmonster.com/api/aggregations-object/): This object specifies available aggregation functions for JSON and CSV data source types. - [SliceObject](https://www.flexmonster.com/api/slice-object/): This object defines the specific subset of data from the source that will be displayed in the report. #### Slice - [FieldObject](https://www.flexmonster.com/api/field-object-slice/): This object describes a field selected for rows, columns, or report filters within the slice. - [DrillsObject](https://www.flexmonster.com/api/drills-object/): This object stores information regarding drilled-down multilevel hierarchies. - [ExpandsObject](https://www.flexmonster.com/api/expands-object/): This object stores information about expanded fields within the component. - [FlatSortObject](https://www.flexmonster.com/api/flat-sort-object/): This object allows setting sorting for columns in flat view. - [MeasureObject](https://www.flexmonster.com/api/measure-object/): This object describes a specific measure selected within the report slice. - [MemberPropertyObject](https://www.flexmonster.com/api/member-property-object/): This object lists member properties to be shown on the grid for specific hierarchy levels. Only for the Microsoft analysis services data source. - [SortingObject](https://www.flexmonster.com/api/sorting-object/): This object defines the sorting logic for values in specific rows or columns of the pivot table. - [ValueSortingObject](https://www.flexmonster.com/api/value-sorting-object/): This object allows setting sorting for values in a specific row or column. - [MemberIdentifierObject](https://www.flexmonster.com/api/member-identifier-object/): This object is used to specify field members that should be expanded or drilled down. #### Filtering - [FilterObject](https://www.flexmonster.com/api/filter-object/): This object contains filtering information used for configuring fields within the slice. - [ConditionalQueryObject](https://www.flexmonster.com/api/conditional-query-object/): This object refers to conditional filters for number, string, date, and time fields. - [ValueQueryObject](https://www.flexmonster.com/api/value-query-object/): This object refers to filters by value, applicable to fields in rows or columns. #### Options - [OptionsObject](https://www.flexmonster.com/api/options-object/): This object is used to configure general component functionality and manage UI controls. - [GridOptionsObject](https://www.flexmonster.com/api/grid-options-object/): This object allows setting specific display and behavior options for the grid view. - [ChartOptionsObject](https://www.flexmonster.com/api/chart-options-object/): This object allows setting specific options for the built-in pivot charts. #### Formatting - [FormatObject](https://www.flexmonster.com/api/format-object/): This object defines how numeric values are formatted and displayed in the component. - [ConditionalFormatObject](https://www.flexmonster.com/api/conditional-format-object/): This object describes the rules used for conditional formatting on the grid. #### Table sizes - [TableSizesObject](https://www.flexmonster.com/api/table-sizes-object/): This object contains information about table dimensions and is used to set sizes in the report. - [ColumnSizesObject](https://www.flexmonster.com/api/column-sizes-object/): This object is used to set specific dimensions for a single column. - [RowSizesObject](https://www.flexmonster.com/api/row-sizes-object/): This object is used to set specific dimensions for a single row. #### Other report objects - [CustomFieldObject](https://www.flexmonster.com/api/custom-field-object/): This object allows setting custom fields for Excel export or storing additional metadata. - [MeasureIdentifierObject](https://www.flexmonster.com/api/measure-identifier-object/): This object is used to identify measures when applying sorting, filtering, or resizing. ### Other objects - [GlobalObject](https://www.flexmonster.com/api/global-object/): This object is used to set configurations that apply to all reports unless overwritten. - [CellDataObject](https://www.flexmonster.com/api/cell-object/): This object contains detailed information about a grid cell and is used in cell-related methods. - [ChartDataObject](https://www.flexmonster.com/api/chart-data-object/): This object contains information about a chart segment for use in customization and events. - [ChartLegendDataObject](https://www.flexmonster.com/api/chart-legend-data-object/): This object contains information about chart legend elements for customization purposes. - [ToolbarObject](https://www.flexmonster.com/api/toolbar-object/): This object provides a reference to the Toolbar instance to call its specific functions. - [ShareReportConnectionObject](https://www.flexmonster.com/api/share-report-connection-object/): This object contains the configuration required to share a report configuration via a link. - [FieldListItemObject](https://www.flexmonster.com/api/field-list-item-object/): This object contains information about items in the Field List and is used for sorting them. - [FieldObjectReturned](https://www.flexmonster.com/api/field-object-returned/): This object is returned by events and methods to describe hierarchies, columns, or rows. - [MeasureObjectReturned](https://www.flexmonster.com/api/measure-object-returned/): This object is returned by measure-related methods to describe measure properties. ## Methods - [All Flexmonster methods](https://www.flexmonster.com/api/methods/): This guide provides a comprehensive list of methods available to control the component programmatically. - [addCalculatedMeasure](https://www.flexmonster.com/api/addcalculatedmeasure/): This method adds a new calculated measure to the report slice. - [addCondition](https://www.flexmonster.com/api/addcondition/): This method adds a new conditional formatting rule to the report. - [alert](https://www.flexmonster.com/api/alert/): This method displays a styled alert box within the component. - [clear](https://www.flexmonster.com/api/clear/): This method clears the current report and all its data. - [clearFilter](https://www.flexmonster.com/api/clearfilter/): This method removes all filters applied to a specific field. - [clearXMLACache](https://www.flexmonster.com/api/clearxmlacache/): This method clears the XMLA cache for a specific database or cube. - [closeFieldsList](https://www.flexmonster.com/api/closefieldslist/): This method closes the Field List pop-up window. - [collapseAllData](https://www.flexmonster.com/api/collapsealldata/): This method collapses all nodes and drills up all levels on the grid and charts. - [collapseCell](https://www.flexmonster.com/api/collapsecell/): This method collapses a specific cell on the grid. - [collapseData](https://www.flexmonster.com/api/collapsedata/): This method collapses all members of a specific field. - [connectTo](https://www.flexmonster.com/api/connectto/): This method connects the component to a new data source. - [customizeAPIRequest](https://www.flexmonster.com/api/customizeapirequest/): This method allows modifying the request sent to the server for the custom data source API. - [customizeCell](https://www.flexmonster.com/api/customizecell/): This method allows customizing the content and style of individual grid cells. - [customizeChartElement](https://www.flexmonster.com/api/customizechartelement/): This method allows customizing separate elements of the pivot charts. - [customizeContextMenu](https://www.flexmonster.com/api/customizecontextmenu/): This method allows adding, removing, or modifying items in the context menu. - [dispose](https://www.flexmonster.com/api/dispose/): This method destroys the component instance and removes it from the DOM. - [drillDownCell](https://www.flexmonster.com/api/drilldowncell/): This method drills down into a specific cell to show deeper hierarchy levels. - [drillUpCell](https://www.flexmonster.com/api/drillupcell/): This method drills up from a specific cell to show higher hierarchy levels. - [expandAllData](https://www.flexmonster.com/api/expandalldata/): This method expands all nodes on the grid and charts. - [expandCell](https://www.flexmonster.com/api/expandcell/): This method expands a specific cell on the grid. - [expandData](https://www.flexmonster.com/api/expanddata/): This method expands all members of a specific field. - [exportTo](https://www.flexmonster.com/api/exportto/): This method exports the component data to various formats like PDF, Excel, or CSV. - [getAllConditions](https://www.flexmonster.com/api/getallconditions/): This method returns an array of all conditional formatting rules in the report. - [getAllHierarchies](https://www.flexmonster.com/api/getallhierarchies/): This method returns all available hierarchies from the current data source. - [getAllHierarchiesAsync](https://www.flexmonster.com/api/getallhierarchiesasync/): This method asynchronously returns all available hierarchies. - [getAllMeasures](https://www.flexmonster.com/api/getallmeasures/): This method returns all available measures from the current data source. - [getAllMeasuresAsync](https://www.flexmonster.com/api/getallmeasuresasync/): This method asynchronously returns all available measures. - [getCell](https://www.flexmonster.com/api/getcell/): This method returns data for a specific cell identified by row and column indices. - [getColumns](https://www.flexmonster.com/api/getcolumns/): This method returns an array of fields currently placed in columns. - [getColumnsAsync](https://www.flexmonster.com/api/getcolumnsasync/): This method asynchronously returns fields currently placed in columns. - [getCondition](https://www.flexmonster.com/api/getcondition/): This method returns a specific conditional formatting rule by its ID. - [getFilter](https://www.flexmonster.com/api/getfilter/): This method returns the filter configuration for a specific field. - [getFlatSort](https://www.flexmonster.com/api/getflatsort/): This method returns the sorting configuration applied to the flat table. - [getFormat](https://www.flexmonster.com/api/getformat/): This method returns the formatting object for a specific measure. - [getMeasures](https://www.flexmonster.com/api/getmeasures/): This method returns measures currently used in the report. - [getMeasuresAsync](https://www.flexmonster.com/api/getmeasuresasync/): This method asynchronously returns measures currently used in the report. - [getMembers](https://www.flexmonster.com/api/getmembers/): This method returns members of a specific field. - [getMembersAsync](https://www.flexmonster.com/api/getmembersasync/): This method asynchronously returns members of a specific field. - [getOptions](https://www.flexmonster.com/api/getoptions/): This method returns the current configuration options of the component. - [getReport](https://www.flexmonster.com/api/getreport/): This method returns the current report configuration as an object. - [getReportFilters](https://www.flexmonster.com/api/getreportfilters/): This method returns fields currently used as report filters. - [getReportFiltersAsync](https://www.flexmonster.com/api/getreportfiltersasync/): This method asynchronously returns fields used as report filters. - [getRows](https://www.flexmonster.com/api/getrows/): This method returns fields currently placed in rows. - [getRowsAsync](https://www.flexmonster.com/api/getrowsasync/): This method asynchronously returns fields currently placed in rows. - [getSelectedCell](https://www.flexmonster.com/api/getselectedcell/): This method returns the data of the currently selected cell or cells. - [getSort](https://www.flexmonster.com/api/getsort/): This method returns the sorting type for a specific field. - [getTableSizes](https://www.flexmonster.com/api/gettablesizes/): This method returns the current table sizes configuration. - [getXMLACatalogs](https://www.flexmonster.com/api/getxmlacatalogs/): This method retrieves catalogs from an XMLA data source. - [getXMLACatalogsAsync](https://www.flexmonster.com/api/getxmlacatalogsasync/): This method asynchronously retrieves catalogs from an XMLA data source. - [getXMLACubes](https://www.flexmonster.com/api/getxmlacubes/): This method retrieves cubes for a specific catalog from an XMLA source. - [getXMLACubesAsync](https://www.flexmonster.com/api/getxmlacubesasync/): This method asynchronously retrieves cubes from an XMLA source. - [getXMLADataSources](https://www.flexmonster.com/api/getxmladatasources/): This method retrieves available data sources from an XMLA provider. - [getXMLADataSourcesAsync](https://www.flexmonster.com/api/getxmladatasourcesasync/): This method asynchronously retrieves data sources from an XMLA provider. - [getXMLAProviderName](https://www.flexmonster.com/api/getxmlaprovidername/): This method retrieves the name of the XMLA provider. - [getXMLAProviderNameAsync](https://www.flexmonster.com/api/getxmlaprovidernameasync/): This method asynchronously retrieves the XMLA provider name. - [load](https://www.flexmonster.com/api/load/): This method loads a report from a remote URL. - [off](https://www.flexmonster.com/api/off/): This method removes an event listener from the component. - [on](https://www.flexmonster.com/api/on/): This method attaches an event listener to the component. - [open](https://www.flexmonster.com/api/open/): This method opens a local report file. - [openCalculatedValueEditor](https://www.flexmonster.com/api/opencalculatedvalueeditor/): This method opens the UI editor for creating or editing calculated values. - [openFieldsList](https://www.flexmonster.com/api/openfieldslist/): This method opens the Field List pop-up window. - [openFilter](https://www.flexmonster.com/api/openfilter/): This method opens the filter pop-up for a specific field. - [print](https://www.flexmonster.com/api/print/): This method opens the browser's print dialog to print the component. - [refresh](https://www.flexmonster.com/api/refresh/): This method refreshes the component's data and UI. - [removeAllCalculatedMeasures](https://www.flexmonster.com/api/removeallcalculatedmeasures/): This method removes all calculated measures from the report. - [removeAllConditions](https://www.flexmonster.com/api/removeallconditions/): This method removes all conditional formatting rules. - [removeCalculatedMeasure](https://www.flexmonster.com/api/removecalculatedmeasure/): This method removes a specific calculated measure by its name. - [removeCondition](https://www.flexmonster.com/api/removecondition/): This method removes a specific conditional formatting rule by ID. - [removeSelection](https://www.flexmonster.com/api/removeselection/): This method clears the current cell selection on the grid. - [runQuery](https://www.flexmonster.com/api/runquery/): This method runs a new data query by updating the report slice. - [save](https://www.flexmonster.com/api/save/): This method saves the current report configuration. - [scrollToColumn](https://www.flexmonster.com/api/scrolltocolumn/): This method scrolls the grid to a specific column index. - [scrollToRow](https://www.flexmonster.com/api/scrolltorow/): This method scrolls the grid to a specific row index. - [setFilter](https://www.flexmonster.com/api/setfilter/): This method applies a filter to a specific field. - [setFlatSort](https://www.flexmonster.com/api/setflatsort/): This method sets the sorting for the flat table. - [setFormat](https://www.flexmonster.com/api/setformat/): This method sets the number formatting for specific measures. - [setOptions](https://www.flexmonster.com/api/setoptions/): This method updates the component's configuration options. - [setReport](https://www.flexmonster.com/api/setreport/): This method sets a new report configuration for the component. - [setSort](https://www.flexmonster.com/api/setsort/): This method sets the sorting type for a specific field. - [setTableSizes](https://www.flexmonster.com/api/settablesizes/): This method updates the table sizes configuration. - [shareReport](https://www.flexmonster.com/api/sharereport/): This method generates a link to share the current report configuration. - [showCharts](https://www.flexmonster.com/api/showcharts/): This method switches the view to pivot charts. - [showGrid](https://www.flexmonster.com/api/showgrid/): This method switches the view to the grid. - [showGridAndCharts](https://www.flexmonster.com/api/showgridandcharts/): This method displays both the grid and charts simultaneously. - [sortFieldsList](https://www.flexmonster.com/api/sortfieldslist/): This method sorts the fields within the Field List UI. - [sortingMethod](https://www.flexmonster.com/api/sortingmethod/): This method allows defining a custom sorting function for field members. - [sortValues](https://www.flexmonster.com/api/sortvalues/): This method sorts values in the pivot table based on a specific axis. - [updateData](https://www.flexmonster.com/api/updatedata/): This method updates the component's data source without refreshing the entire report. ## Events - [All Flexmonster events](https://www.flexmonster.com/api/events/): This guide lists all events triggered by the component to track user actions and internal processes. - [afterchartdraw](https://www.flexmonster.com/api/afterchartdraw/): This event is triggered immediately after the chart rendering is complete. - [aftergriddraw](https://www.flexmonster.com/api/aftergriddraw/): This event is triggered after the grid rendering is finished. - [beforegriddraw](https://www.flexmonster.com/api/beforegriddraw/): This event is triggered before the grid rendering process starts. - [beforetoolbarcreated](https://www.flexmonster.com/api/beforetoolbarcreated/): This event is triggered before the Toolbar is created, allowing for its customization. - [cellclick](https://www.flexmonster.com/api/cellclick/): This event is triggered when the user clicks on a grid cell. - [celldoubleclick](https://www.flexmonster.com/api/celldoubleclick/): This event is triggered when the user double-clicks on a grid cell. - [chartclick](https://www.flexmonster.com/api/chartclick/): This event is triggered when any element of the pivot chart is clicked. - [datachanged](https://www.flexmonster.com/api/datachanged/): This event is triggered after data editing occurs in the drill-through or flat view. - [dataerror](https://www.flexmonster.com/api/dataerror/): This event is triggered when an error occurs during data loading. - [datafilecancelled](https://www.flexmonster.com/api/datafilecancelled/): This event is triggered when the user cancels the file selection in the Open file dialog. - [dataloaded](https://www.flexmonster.com/api/dataloaded/): This event is triggered when the data has been successfully loaded into the component. - [drillthroughclose](https://www.flexmonster.com/api/drillthroughclose/): This event is triggered when the drill-through view is closed. - [drillthroughopen](https://www.flexmonster.com/api/drillthroughopen/): This event is triggered when the drill-through view is opened. - [exportcomplete](https://www.flexmonster.com/api/exportcomplete/): This event is triggered after the export process is finished. - [exportstart](https://www.flexmonster.com/api/exportstart/): This event is triggered when the export process begins. - [fieldslistclose](https://www.flexmonster.com/api/fieldslistclose/): This event is triggered when the Field List window is closed. - [fieldslistopen](https://www.flexmonster.com/api/fieldslistopen/): This event is triggered when the Field List window is opened. - [filterclose](https://www.flexmonster.com/api/filterclose/): This event is triggered when the filter pop-up window is closed. - [filteropen](https://www.flexmonster.com/api/filteropen/): This event is triggered when the filter pop-up window is opened. - [loadingdata](https://www.flexmonster.com/api/loadingdata/): This event is triggered when the data loading process starts. - [loadinglocalization](https://www.flexmonster.com/api/loadinglocalization/): This event is triggered when a localization file begins loading. - [loadingolapstructure](https://www.flexmonster.com/api/loadingolapstructure/): This event is triggered when the OLAP cube structure starts loading. - [loadingreportfile](https://www.flexmonster.com/api/loadingreportfile/): This event is triggered when a report file starts loading. - [localizationerror](https://www.flexmonster.com/api/localizationerror/): This event is triggered when an error occurs while loading a localization file. - [localizationloaded](https://www.flexmonster.com/api/localizationloaded/): This event is triggered when the localization file is successfully loaded. - [olapstructureerror](https://www.flexmonster.com/api/olapstructureerror/): This event is triggered if an error occurs while loading the OLAP structure. - [olapstructureloaded](https://www.flexmonster.com/api/olapstructureloaded/): This event is triggered when the OLAP structure is successfully loaded. - [openingreportfile](https://www.flexmonster.com/api/openingreportfile/): This event is triggered when a report file is being opened. - [printcomplete](https://www.flexmonster.com/api/printcomplete/): This event is triggered after the OS print manager is closed. - [printstart](https://www.flexmonster.com/api/printstart/): This event is triggered when the printing process starts. - [querycomplete](https://www.flexmonster.com/api/querycomplete/): This event is triggered after a data query is successfully completed. - [queryerror](https://www.flexmonster.com/api/queryerror/): This event is triggered if an error occurs during a data query. - [ready](https://www.flexmonster.com/api/ready/): This event is triggered when the component is fully initialized and ready for API calls. - [reportchange](https://www.flexmonster.com/api/reportchange/): This event is triggered whenever the report configuration is modified. - [reportcomplete](https://www.flexmonster.com/api/reportcomplete/): This event is triggered when all report components (data, localization, structure) are fully loaded. - [reportfilecancelled](https://www.flexmonster.com/api/reportfilecancelled/): This event is triggered when the user cancels loading a local report file. - [reportfileerror](https://www.flexmonster.com/api/reportfileerror/): This event is triggered if an error occurs while loading a report file. - [runningquery](https://www.flexmonster.com/api/runningquery/): This event is triggered before a data query starts. - [unauthorizederror](https://www.flexmonster.com/api/unauthorizederror/): This event is triggered when a 401 error is received from the server. - [update](https://www.flexmonster.com/api/update/): This event is triggered when any update occurs in the component (filtering, sorting, etc.). ## Custom data source API - [All requests of the custom data source API](https://www.flexmonster.com/api/all-requests/): This guide describes the communication protocol for retrieving aggregated data from a custom server. - [/handshake request – the custom data source API](https://www.flexmonster.com/api/handshake-request/): This request establishes the initial communication between Flexmonster and the custom server. - [/fields request – the custom data source API](https://www.flexmonster.com/api/fields-request/): This request retrieves all available fields and their types from the server. - [/members request – the custom data source API](https://www.flexmonster.com/api/members-request/): This request retrieves all members for a specific field. - [/select request for the pivot table – the custom data source API](https://www.flexmonster.com/api/select-request-for-pivot-table/): This request retrieves aggregated data specifically for display in the pivot table. - [/select request for the flat table – the custom data source API](https://www.flexmonster.com/api/select-request-for-flat-table/): This request retrieves raw data for display in the flat table view. - [/select request for the drill-through view – the custom data source API](https://www.flexmonster.com/api/select-request-for-drill-through-view/): This request retrieves detailed records for the drill-through view. ### Objects used in the requests and responses - [AggregatedDataObject – the custom data source API](https://www.flexmonster.com/api/aggregated-data-object/): This object contains aggregated data information used in select request responses. - [FieldInfoObject – the custom data source API](https://www.flexmonster.com/api/field-info-object/): This object provides metadata about a specific field in the /fields response. - [FieldObject – the custom data source API](https://www.flexmonster.com/api/field-object/): This object represents a field with its properties in custom API requests. - [FilterConfigObject – the custom data source API](https://www.flexmonster.com/api/filter-config-object/): This object provides information about server-supported filters. - [FilterGroupObject – the custom data source API](https://www.flexmonster.com/api/filter-group-object/): This object describes filters for hierarchical data in the custom API. - [FilterObject – the custom data source API](https://www.flexmonster.com/api/filter-object-for-requests/): This object contains the query filters used in custom data source API requests. - [MemberFilterObject – the custom data source API](https://www.flexmonster.com/api/member-filter-object/): This object describes a field member to be included or excluded in a filter. - [MemberInfoObject – the custom data source API](https://www.flexmonster.com/api/member-info-object/): This object provides details about field members in the /members response. - [ValueObject – the custom data source API](https://www.flexmonster.com/api/value-object/): This object provides information about measures and aggregation types in select requests. ## MongoDB Connector API - [All methods of Flexmonster Connector for MongoDB](https://www.flexmonster.com/api/all-methods/): This guide lists methods available in the MongoDB Connector for fast data retrieval. - [getSchema – Flexmonster MongoDB Connector](https://www.flexmonster.com/api/getschema/): This method retrieves the schema from a MongoDB collection. - [getMembers – Flexmonster MongoDB Connector](https://www.flexmonster.com/api/getmembers-mongo/): This method retrieves field members from a MongoDB database. - [getSelectResult – Flexmonster MongoDB Connector](https://www.flexmonster.com/api/getselectresult/): This method retrieves the result of a data selection query from MongoDB. ## Chart connector - [All connectors](https://www.flexmonster.com/api/all-connectors/): This guide describes connectors for charting libraries like Highcharts, amCharts, FusionCharts, and Google Charts. ### Connector for Highcharts - [All methods of Flexmonster Connector for Highcharts](https://www.flexmonster.com/api/all-methods-of-flexmonster-connector-for-highcharts/): This guide lists methods for integrating with Highcharts and formatting data. - [highcharts.getData](https://www.flexmonster.com/api/highcharts-getdata/): This method retrieves data from Flexmonster in a format compatible with Highcharts. - [highcharts.getAxisFormat](https://www.flexmonster.com/api/highcharts-getaxisformat/): This method converts Flexmonster formatting to Highcharts axis format. - [highcharts.getPointXFormat](https://www.flexmonster.com/api/highcharts-getpointxformat/): This method converts formatting for Highcharts X-axis points. - [highcharts.getPointYFormat](https://www.flexmonster.com/api/highcharts-getpointyformat/): This method converts formatting for Highcharts Y-axis points. - [highcharts.getPointZFormat](https://www.flexmonster.com/api/highcharts-getpointzformat/): This method converts formatting for Highcharts Z-axis points. ### Connector for amCharts - [All methods of Flexmonster Connector for amCharts](https://www.flexmonster.com/api/all-methods-amcharts/): This guide lists methods for amCharts integration and formatting. - [amcharts.getData](https://www.flexmonster.com/api/amcharts-getdata/): This method retrieves data from Flexmonster in an amCharts-ready format. - [amcharts.getCategoryName](https://www.flexmonster.com/api/amcharts-getcategoryname/): This method retrieves the category name from raw data for amCharts. - [amcharts.getMeasureNameByIndex](https://www.flexmonster.com/api/amcharts-getmeasurenamebyindex/): This method retrieves a measure name by its index for amCharts. - [amcharts.getNumberOfMeasures](https://www.flexmonster.com/api/amcharts-getnumberofmeasures/): This method returns the total number of measures in the data provided to amCharts. - [amcharts.getNumberFormatPattern](https://www.flexmonster.com/api/amcharts-getnumberformatpattern/): This method converts Flexmonster formatting to an amCharts number format pattern. ### Connector for FusionCharts - [All methods of Flexmonster Connector for FusionCharts](https://www.flexmonster.com/api/all-methods-of-flexmonster-connector-for-fusioncharts/): This guide lists methods for FusionCharts integration. - [fusioncharts.getData](https://www.flexmonster.com/api/fusioncharts-getdata/): This method retrieves data from Flexmonster in a FusionCharts-ready format. - [fusioncharts.getNumberFormat](https://www.flexmonster.com/api/fusioncharts-getnumberformat/): This method converts Flexmonster formatting to FusionCharts format. ### Connector for Google Charts - [All methods of Flexmonster Connector for Google Charts](https://www.flexmonster.com/api/all-methods-google-charts/): This guide lists methods for Google Charts integration. - [googlecharts.getData](https://www.flexmonster.com/api/googlecharts-getdata/): This method retrieves data from Flexmonster for use in Google Charts. - [googlecharts.getNumberFormat](https://www.flexmonster.com/api/googlecharts-getnumberformat/): This method converts Flexmonster formatting to Google Charts format. - [googlecharts.getNumberFormatPattern](https://www.flexmonster.com/api/googlecharts-getnumberformatpattern/): This method converts formatting to a Google Charts number format pattern. ### API Reference for older versions - [API Reference for older versions](https://www.flexmonster.com/api/api-reference-for-older-versions/): This article provides links to the API references for previous versions of the component. # Pricing & Licensing - [Pricing and Licensing](https://www.flexmonster.com/demos/js/pivot-table-editions-and-pricing/): This article describes the various license terms, editions, and pricing conditions for the Flexmonster pivot table component. - [Single Corporate License](https://www.flexmonster.com/demos/js/scl-pricing/): This article explains the Flexmonster Single Corporate License, which covers a single project intended for internal company reporting. - [Pivot Grid for SaaS](https://www.flexmonster.com/demos/js/saas-pricing/): This guide explains how to integrate the Flexmonster pivot table component into a SaaS application for client-facing data visualization. - [Pivot Grid for OEM](https://www.flexmonster.com/demos/js/oem-pricing/): This guide provides details on embedding the Flexmonster pivot grid control into OEM software to add value to business applications. - [Download 30-day free trial](https://www.flexmonster.com/demos/js/download-page/): This page provides instructions on how to download and test the full-featured 30-day free trial of Flexmonster for embedded reporting. # Support & Resources - [Documentation](https://www.flexmonster.com/demos/js/doc/): This article provides access to the Flexmonster documentation that covers the product's functionality. - [API Reference](https://www.flexmonster.com/demos/js/api/): This article offers a direct link to the Flexmonster API reference for programmatic configuration and control. - [Examples](https://www.flexmonster.com/demos/js/examples/): This guide provides a collection of over 500 live JSFiddle examples demonstrating different features of the Flexmonster pivot component. - [User interface](https://www.flexmonster.com/demos/js/user-interface/): This guide describes the default Flexmonster user interface elements and provides a walkthrough of the component's UI. - [Technical specifications](https://www.flexmonster.com/demos/js/technical-specifications/): This article lists the detailed technical requirements and compatibility specifications for the Flexmonster library. - [Release notes](https://www.flexmonster.com/demos/js/release-notes/): This article provides a chronological history of updates, fixes, and new features introduced in each version of Flexmonster. - [Help Center](https://www.flexmonster.com/demos/js/help-center/): This article explains how to contact the Flexmonster technical support team to get help with specific technical issues. - [Contact us](https://www.flexmonster.com/demos/js/contact/): This article provides contact details and a form to reach out to the Flexmonster team with inquiries. # Demos ## JavaScript Demos - [JS Pivot Table component](http://www.flexmonster.com/demos/js/pivot-table/): This demo allows you to explore, summarize, and visualize large datasets with a fast JavaScript pivot table library. - [JavaScript Pivot Grid for SSAS & MS Analysis Services](http://www.flexmonster.com/demos/js/connect-ssas/): This demo shows how to connect to SSAS using JavaScript for interactive reporting and visualization. - [JavaScript Pivot Grid with Elasticsearch](http://www.flexmonster.com/demos/js/connect-elasticsearch/): This demo illustrates how to create insightful reports based on Elasticsearch data using JavaScript. - [JavaScript Pivot Table for CSV & JSON](http://www.flexmonster.com/demos/js/loading-json-and-csv-file/): This tutorial explains how to connect a JavaScript pivot table to local or remote JSON and CSV data. - [JavaScript Pivot Table: one million rows](http://www.flexmonster.com/demos/js/one-million-rows/): This demo showcases the high performance of a JavaScript pivot grid when loading a million rows. - [JavaScript Pivot Charts](http://www.flexmonster.com/demos/js/pivot-charts/): This guide describes how to use interactive pivot charts for data analysis in a JavaScript environment. - [Dashboard demo](http://www.flexmonster.com/demos/js/dashboard/): This demo presents an analytics experience with a dashboard built in JavaScript. - [JavaScript Pivot Table: classic view](http://www.flexmonster.com/demos/js/classic-view/): This demo features an Excel-like classic interface for data analysis within a JavaScript application. - [JavaScript Flat Table Demo](http://www.flexmonster.com/demos/js/flat-table/): This article describes the flat table view for displaying non-aggregated data in a JavaScript project. - [JavaScript Pivot Table with amCharts](http://www.flexmonster.com/demos/js/integration-amcharts/): This demo showcases the seamless integration between the JavaScript pivot table and amCharts. - [Highcharts integration demo with JavaScript Pivot Table](http://www.flexmonster.com/demos/js/integration-highcharts/): This demo illustrates how to visualize JavaScript data using the Highcharts library. - [JavaScript Pivot Table with FusionCharts](http://www.flexmonster.com/demos/js/integration-fusioncharts/): This guide explains how to create a dashboard using a JavaScript pivot control and FusionCharts. - [JavaScript Pivot Table with Google Charts](http://www.flexmonster.com/demos/js/integration-googlecharts/): This demo provides examples of creating dynamic visualizations in JavaScript with Google Charts. - [JavaScript Pivot Themes Demo](http://www.flexmonster.com/demos/js/themes/): This demo explores theme customization and styling options for a JavaScript-based pivot grid. - [Pivot Table Localization](http://www.flexmonster.com/demos/js/localization/): This guide explains how to translate the JavaScript component's UI elements into any language. - [How to Create Heat Map](http://www.flexmonster.com/demos/js/heatmap/): This tutorial explores how to build a heat map visualization using the JavaScript pivot table. - [Custom Cell Renderer Demo](http://www.flexmonster.com/demos/js/cell-renderer-demo/): This demo describes how to implement advanced cell rendering for specific needs in JavaScript. - [Live Data Update in Pivot Table](http://www.flexmonster.com/demos/js/live-data-update/): This tutorial explains how to implement real-time data updates in a JavaScript pivot table. ## React Demos - [React Pivot Table component](https://www.flexmonster.com/demos/react/pivot-table/): This demo allows you to explore and summarize large datasets using a specialized React pivot table component. - [React Pivot Grid for SSAS & MS Analysis Services](https://www.flexmonster.com/demos/react/connect-ssas/): This demo shows how to connect a React application to SSAS for interactive OLAP reporting. - [React Pivot Grid with Elasticsearch](https://www.flexmonster.com/demos/react/connect-elasticsearch/): This demo illustrates how to visualize Elasticsearch data using a React-based pivot grid. - [React Pivot Table for CSV & JSON](https://www.flexmonster.com/demos/react/loading-json-and-csv-file/): This tutorial explains how to connect a React project to local or remote JSON and CSV data sources. - [React Pivot Table: one million rows](https://www.flexmonster.com/demos/react/one-million-rows/): This demo showcases high-performance rendering of a million rows within a React interface. - [React Pivot Charts](https://www.flexmonster.com/demos/react/pivot-charts/): This guide describes how to integrate interactive pivot charts into a React application. - [Dashboard in React](https://www.flexmonster.com/demos/react/dashboard/): This demo presents an analytics experience using a dashboard built in React. - [React Pivot Table: classic view](https://www.flexmonster.com/demos/react/classic-view/): This demo features an Excel-like classic layout for traditional data analysis in React. - [React Flat Table Demo](https://www.flexmonster.com/demos/react/flat-table/): This article describes the flat table view for displaying initial data in a React project. - [React Pivot Table with amCharts](https://www.flexmonster.com/demos/react/integration-amcharts/): This demo showcases the integration between a React pivot table and the amCharts library. - [Highcharts integration in React](https://www.flexmonster.com/demos/react/integration-highcharts/): This demo illustrates how to visualize data using Highcharts inside a React application. - [React Pivot Table with FusionCharts](https://www.flexmonster.com/demos/react/integration-fusioncharts/): This guide explains how to create a React dashboard using FusionCharts. - [React Pivot Table with Google Charts](https://www.flexmonster.com/demos/react/integration-googlecharts/): This demo provides examples of using Google Charts with a React pivot table component. - [React Pivot Themes Demo](https://www.flexmonster.com/demos/react/themes/): This demo explores various styling options and themes available for the React pivot grid. - [React Pivot Localization](https://www.flexmonster.com/demos/react/localization/): This guide explains how to localize the React component's UI for multi-language applications. - [Creating a Heat Map in React](https://www.flexmonster.com/demos/react/heatmap/): This tutorial explores how to build a heat map visualization using the React pivot component. - [Custom Cell Renderer in React](https://www.flexmonster.com/demos/react/cell-renderer-demo/): This demo describes how to implement advanced cell rendering logic within React. - [Live Data Update in React](https://www.flexmonster.com/demos/react/live-data-update/): This tutorial explains how to handle real-time data updates in a React pivot table. ## Angular Demos - [Angular Pivot Table component](https://www.flexmonster.com/demos/angular/pivot-table/): This demo allows you to explore and summarize large datasets using a native Angular pivot table component. - [Angular Pivot Grid for SSAS & MS Analysis Services](https://www.flexmonster.com/demos/angular/connect-ssas/): This demo shows how to connect an Angular application to SSAS for OLAP reporting. - [Angular Pivot Grid with Elasticsearch](https://www.flexmonster.com/demos/angular/connect-elasticsearch/): This demo illustrates how to visualize Elasticsearch data within an Angular project. - [Angular Pivot Table for CSV & JSON](https://www.flexmonster.com/demos/angular/loading-json-and-csv-file/): This tutorial explains how to connect Angular projects to JSON and CSV data sources. - [Angular Pivot Table: one million rows](https://www.flexmonster.com/demos/angular/one-million-rows/): This demo showcases high-performance data processing in an Angular pivot grid. - [Angular Pivot Charts](https://www.flexmonster.com/demos/angular/pivot-charts/): This guide describes how to use interactive pivot charts in an Angular environment. - [Dashboard in Angular](https://www.flexmonster.com/demos/angular/dashboard/): This demo presents a dashboard for analytics in Angular. - [Angular Pivot Table: classic view](https://www.flexmonster.com/demos/angular/classic-view/): This demo features an Excel-like classic interface optimized for Angular. - [Angular Flat Table Demo](https://www.flexmonster.com/demos/angular/flat-table/): This article describes the flat table view for displaying initial data in Angular. - [Angular Pivot Table with amCharts](https://www.flexmonster.com/demos/angular/integration-amcharts/): This demo showcases the integration between an Angular pivot table and amCharts. - [Highcharts integration in Angular](https://www.flexmonster.com/demos/angular/integration-highcharts/): This demo illustrates data visualization using Highcharts within an Angular project. - [Angular Pivot Table with FusionCharts](https://www.flexmonster.com/demos/angular/integration-fusioncharts/): This guide explains how to build an Angular dashboard using FusionCharts. - [Angular Pivot Table with Google Charts](https://www.flexmonster.com/demos/angular/integration-googlecharts/): This demo provides examples of using Google Charts with an Angular pivot table. - [Angular Pivot Themes Demo](https://www.flexmonster.com/demos/angular/themes/): This demo explores various styling themes available for Angular-based applications. - [Angular Pivot Localization](https://www.flexmonster.com/demos/angular/localization/): This guide explains how to localize the Angular component's UI for different languages. - [Creating a Heat Map in Angular](https://www.flexmonster.com/demos/angular/heatmap/): This tutorial explores how to create heat map visualizations using the Angular pivot grid. - [Custom Cell Renderer in Angular](https://www.flexmonster.com/demos/angular/cell-renderer-demo/): This demo describes how to implement advanced cell rendering in an Angular project. - [Live Data Update in Angular](https://www.flexmonster.com/demos/angular/live-data-update/): This tutorial explains how to handle real-time data refreshes in an Angular pivot table. ## Vue Demos - [Vue Pivot Table component](https://www.flexmonster.com/demos/vue/pivot-table/): This demo allows you to explore and summarize large datasets using a native Vue pivot table component. - [Vue Pivot Grid for SSAS & MS Analysis Services](https://www.flexmonster.com/demos/vue/connect-ssas/): This demo shows how to connect a Vue application to SSAS for interactive data reporting. - [Vue Pivot Grid with Elasticsearch](https://www.flexmonster.com/demos/vue/connect-elasticsearch/): This demo illustrates how to visualize Elasticsearch data within a Vue environment. - [Vue Pivot Table for CSV & JSON](https://www.flexmonster.com/demos/vue/loading-json-and-csv-file/): This tutorial explains how to connect a Vue pivot grid to JSON and CSV data sources. - [Vue Pivot Table: one million rows](https://www.flexmonster.com/demos/vue/one-million-rows/): This demo showcases the smooth performance of a Vue pivot grid with massive datasets. - [Vue Pivot Charts](https://www.flexmonster.com/demos/vue/pivot-charts/): This guide describes how to use interactive pivot charts in a Vue application. - [Dashboard in Vue](https://www.flexmonster.com/demos/vue/dashboard/): This demo presents an analytics dashboard implemented with Vue. - [Vue Pivot Table: classic view](https://www.flexmonster.com/demos/vue/classic-view/): This demo features an Excel-like classic interface for data analysis in Vue. - [Vue Flat Table Demo](https://www.flexmonster.com/demos/vue/flat-table/): This article describes the flat table view for displaying initial data in a Vue project. - [Vue Pivot Table with amCharts](https://www.flexmonster.com/demos/vue/integration-amcharts/): This demo showcases the integration between a Vue pivot table and amCharts. - [Highcharts integration in Vue](https://www.flexmonster.com/demos/vue/integration-highcharts/): This demo illustrates how to use Highcharts for data visualization in Vue. - [Vue Pivot Table with FusionCharts](https://www.flexmonster.com/demos/vue/integration-fusioncharts/): This guide explains how to build a Vue dashboard using FusionCharts. - [Vue Pivot Table with Google Charts](https://www.flexmonster.com/demos/vue/integration-googlecharts/): This demo provides examples of creating visualizations in Vue using Google Charts. - [Vue Pivot Themes Demo](https://www.flexmonster.com/demos/vue/themes/): This demo explores theme customization options for a Vue-based pivot component. - [Vue Pivot Localization](https://www.flexmonster.com/demos/vue/localization/): This guide explains how to translate the Vue component's UI for global applications. - [Creating a Heat Map in Vue](https://www.flexmonster.com/demos/vue/heatmap/): This tutorial explores how to create heat map visualizations using the Vue pivot grid. - [Custom Cell Renderer in Vue](https://www.flexmonster.com/demos/vue/cell-renderer-demo/): This demo describes how to apply custom cell rendering in a Vue project. - [Live Data Update in Vue](https://www.flexmonster.com/demos/vue/live-data-update/): This tutorial explains how to implement real-time data refreshes in a Vue pivot table. # YouTube Tutorials ## Integrations with frameworks - [React Pivot Table Tutorial](https://youtu.be/OErNgDPyTR8?si=CDP2ZQ844muqcrbh): This video tutorial explains how to integrate the Flexmonster pivot grid into a React application. - [Angular Pivot Table Tutorial](https://youtu.be/hbaVewUYZRE?si=_EtuHEEzCNzg5_D3): This video tutorial explains how to integrate the Flexmonster pivot grid into an Angular project. - [Vue Pivot Table Tutorial](https://youtu.be/Ach8r-kN77A?si=g4cbKXOmeU3M1Dfm): This video tutorial explains how to integrate the Flexmonster pivot grid into a Vue 3 application. - [Blazor Pivot Table Tutorial](https://youtu.be/BW0oUgwai0g?si=2Z9K6Inc4XHch2ud): This video tutorial explains how to integrate the Flexmonster pivot grid into a Blazor project. - [Svelte Pivot Table Tutorial](https://youtu.be/rLJ5cyOVwl4?si=dGBQDulKAAACh9KX): This video tutorial explains how to integrate the Flexmonster pivot grid into a Svelte application. ## Integrations with third-party charting libraries - [Flexmonster Pivot with Highcharts JS](https://youtu.be/1754LZMzjQk?si=en0mmuUtTXmDAjPY): This video tutorial describes the process of connecting the Flexmonster pivot table with the Highcharts charting library. - [Flexmonster Pivot with amCharts](https://youtu.be/x2Co4pc4Ne4?si=j_V73F5xq_yxj6b9): This video tutorial describes the process of connecting the Flexmonster pivot table with the amCharts charting library. - [Flexmonster Pivot Grid with FusionCharts](https://youtu.be/3G3uLyoE0Uw?si=A2IO1APtLMZuw5Ea): This video tutorial describes the process of connecting the Flexmonster pivot grid with the FusionCharts charting library. - [Flexmonster Pivot Grid with Google Charts](https://youtu.be/mXUsBfAJvRU?si=dOP_HBF0ubUiUzMc): This video tutorial describes the process of connecting the Flexmonster pivot grid with the Google Charts library. - [Integrating Flexmonster Pivot Grid with any charting library](https://youtu.be/fj68WiXKVTc?si=fq9jAY-8E8LLNR2B): This video tutorial demonstrates how to integrate the Flexmonster pivot grid with any 3rd party charting library, using Chart.js as an example.