Flexmonster Software License Agreement (“Agreement”) has been revised and is effective as of January 8, 2025.
The following modifications were made:
The modified version of Agreement is available here.
Downloading, installing, and/or continuing to use Flexmonster Software after January 8, 2025, constitutes Licensee’s acceptance of the terms and conditions of the modified version of Agreement. If Licensee does not agree to any of these terms and conditions, they must cease using Flexmonster Software and must not download, install, use, access, or continue to access Flexmonster Software. By continuing to use Flexmonster Software or renewing the license or maintenance after the effective date of these modifications to Agreement, Licensee accepts and agrees to be bound by the terms and conditions of the modified Agreement.
This tutorial describes how to connect the Data Server used as a console application to your data. To connect the Data Server installed as a Windows/Unix service to your data, see this documentation page.
Server configurations vary depending on the data source type: database, JSON, or CSV.
Flexmonster Data Server supports the following databases: MySQL, MariaDB, Microsoft SQL Server, Microsoft Azure SQL, PostgreSQL, and Oracle.
To connect to a database with Flexmonster Data Server, specify the Type, DatabaseType, ConnectionString, and Indexes properties in the flexmonster-config.json
file. For example:
{ "DataSources": [ { "Type": "database", "DatabaseType": "mysql" "ConnectionString": "Server=localhost;Port=3306;Uid=root;Pwd=password;Database=database_name", "Indexes": { "index_database": { "Query": "SELECT * FROM tablename" } } } ] }
"index_database"
is a dataset identifier. It will be used to configure the data source in Flexmonster Pivot.
Query is an SQL query to execute. It can contain a stored procedure.
DatabaseType specifies the type of the database: "mysql"
, "mariadb"
, "mssql"
(Microsoft SQL Server and Microsoft Azure SQL), "postgresql"
, or "oracle"
.
ConnectionString is a connection string for the database. Here are some example connection strings for each supported database type:
"Server=localhost;Port=3306;Uid=;Pwd=;Database= "
"Server=(localdb)\\MSSQLLocalDB;Uid=;Pwd=;Database= "
"Server=localhost;Port=5432;Uid=;Pwd=;Database= "
"Data Source=ORCL;User Id=;Password=;"
Server=tcp:myserver.database.windows.net,1433;Database= ;User ID=;Password=;Trusted_Connection=False;Encrypt=True;
(to connect to Microsoft Azure SQL, set the "DatabaseType"
to "mssql"
)See the full list of configurations available for the Data Server: Configurations reference.
To start Flexmonster Data Server, refer to the Run Flexmonster Data Server section.
The Data Server parses passwords with special characters correctly unless the password contains ;
or "
. These symbols are treated as delimiters, so they should be escaped:
;
), enclose the password in single quotes (e.g., Pwd='123;45'
)."
), escape this symbol with a backslash (e.g., Pwd=123\"45
).Follow the steps below to call a stored procedure in the Data Server:
Step 1. Create a stored procedure in your database:
Step 2. Call the stored procedure in the Query property:
{
// other properties
"Indexes": {
"index_database": {
"Query": "call storedProcedure()"
}
}
}
{
// other properties
"Indexes": {
"index_database": {
"Query": "exec storedProcedure"
}
}
}
Learn more about calling stored procedures in your database:
Note Stored procedures allow executing any valid SQL query from the Data Server. To avoid unauthorized access to the database, create a database user with read-only access rights and specify this user in the connection string.
Flexmonster Data Server supports only a specific JSON format – an array of objects, where each object is an unordered set of "key": "value"
pairs. Here is an example:
[ { "Color" : "green", "Country" : "Canada", "State" : "Ontario", "City" : "Toronto", "Price" : 174, "Quantity" : 22 }, ... ]
To connect to JSON with Flexmonster Data Server, specify the Type and Indexes properties in the flexmonster-config.json
file. For example:
"DataSources": [ { "Type": "json", "Indexes": { "index_json": { "Path": "../data/data.json" } } } ],
"index_json"
is a dataset identifier. It will be used to configure the data source in Flexmonster Pivot.
Note By default, the Data Server resolves data types for all fields automatically. If you need to set data types for some fields manually, specify the Mapping property for your index.
To start Flexmonster Data Server, refer to the Run Flexmonster Data Server section.
To connect to CSV with Flexmonster Data Server, specify the Type and Indexes properties in the flexmonster-config.json
file. For example:
"DataSources": [ { "Type": "csv", "Indexes": { "index_csv": { "Path": "../data/data.csv" } } } ],
"index_csv"
is a dataset identifier. It will be used to configure the data source in Flexmonster.
Note By default, the Data Server resolves data types for all fields automatically. If you need to set data types for some fields manually, specify the Mapping property for your index.
To start Flexmonster Data Server, refer to the Run Flexmonster Data Server section.
To start Flexmonster Data Server, run the following command in the console:
flexmonster-data-server.exe
./flexmonster-data-server
As soon as you start Flexmonster Data Server, it automatically preloads the data specified in the Indexes property. Thus, when Flexmonster Pivot requests the data, the server responds with already preloaded data.
Note The Data Server keeps preloaded data in the server's RAM, so the number of indexes you can specify is limited by the server's RAM amount.
In Flexmonster Pivot, the report should be configured as follows:
const pivot = new Flexmonster({
container: "pivotContainer",
report: {
dataSource: {
type: "api",
url: "http://localhost:9500",
index: "index-json"
}
}
});
Note The index
must match the name of the index defined when configuring Flexmonster Data Server (e.g., "index‑json"
).
See the full list of Flexmonster properties used to configure the dataSource
object.
When connecting to data using Flexmonster Data Server, you can use the following properties of the DataSourceObject:
Property/Type | Description |
---|---|
type String | The data source type. When connecting to data using Flexmonster Data Server, set the type to "api" . |
url String | The URL to Flexmonster Data Server. |
index String | The dataset identifier. |
mapping MappingObject | String | optional Defines how fields from the data source are treated and presented within the component. For example, you can specify the field’s captions, define a type for a field, configure multilevel hierarchies, etc. Read more in the Mapping guide. Can be either an inline MappingObject or a URL to a JSON file with the mapping Live example. |
requestHeaders Object | optional Adds custom request headers. Consists of "key": "value" pairs, where "key" is a header name and "value" is its value
Live example.Note The requestHeaders property is not saved when obtaining the report via save() and getReport() API calls. |
singleEndpoint Boolean | optional When set to true , all Flexmonster Pivot’s requests are sent to a single endpoint specified in the url property.Default value: false . |
withCredentials Boolean | optional Indicates whether cross-site Access-Control requests should be made using credentials such as authorization headers (true ) or not (false ). For more details, refer to MDN web docs.Setting the withCredentials flag to true is recommended when using Windows authentication and other types of server authentication. When set to false , the browser does not ask for credentials and does not include them in outgoing requests.Default value: false . |
concurrentRequests Boolean | optional When set to false , Flexmonster sends a request for each expand/drill-down separately and waits for the Data Server’s response before sending a new request. This can result in slow performance when there are a lot of expands/drill-downs in the report.When the concurrentRequests is true , Flexmonster sends requests for expands/drill-downs of a particular level simultaneously. To get the best performance, enable the HTTP/2 protocol in the Data Server.Default value: false . |
If your data contains non-Latin characters, ensure you have set UTF-8 encoding for your data and page. This is required to display the data correctly in the component.
When Flexmonster Pivot requests data, Flexmonster Data Server sends a response and then caches it. If the component sends the same request again, the server responds with the data from its cache.
The Data Server’s cache has a limit. When the cache does not have enough space for a new response, the Data Server deletes one of the previously cached responses. You can manage the cache size via the CacheSizeLimit property.
The Data Server clears the cache when restarted.