Flexmonster Pivot plugin for Kibana

⚠️ NOTICE - The plugin development is ceased

Due to breaking changes in last versions of Kibana, there are numerous issues with maintaining the working version. Therefore, the further development of the plugin is currently ceased.

Still, the currently available groundwork is free to use for your own custom integrations.

Flexmonster Pivot Table & Charts

Flexmonster Pivot is a powerful JavaScript tool for interactive web reporting. It allows you to visualize and analyze data from JSON, CSV, SQL, NoSQL, Elasticsearch, and OLAP data sources quickly and conveniently. Flexmonster is designed to integrate seamlessly with any client-side framework and can be easily embedded into your application.

This repository holds Flexmonster Pivot plugin for Kibana.

Requirements

The version of Kibana should be compatible with Elasticsearch. For more details, check support matrix.

For the latest versions, please make changes in the package.json and/or other files if necessary.

The following is the most recent working configuration:

• Kibana v.7.3.2
• Plugin v.1.21
• [email protected]

Step 1: Install Flexmonster Pivot plugin

Navigate to Kibana bin/ folder and run in the console:

kibana-plugin install https://github.com/flexmonster/pivot-kibana/releases/download/v1.21/flexmonster_pivot-v1.21.zip
cd plugins/flexmonster_pivot
yarn add [email protected] --flat
yarn add [email protected] --flat

Step 2: Add the license key in FlexmonsterPivotTable.js:

  <FlexmonsterReact.Pivot ref="pivot" toolbar={true}
        componentFolder="https://cdn.flexmonster.com/" 
        width="100%"
        licenseKey="XXXX-XXXX-XXXX-XXXX-XXXX"
        report={this.props.report} />

Note that licenseKey is your license or trial key, so replace XXXX-XXXX-XXXX-XXXX-XXXX with an actual key. If you don’t have a license key, get a trial key here.

Step 3: Enable CORS for Elasticsearch

Open elasticsearch.yml and add the following configuration:

http.cors.enabled : true
http.cors.allow-origin : "*"
http.cors.allow-credentials: true
http.cors.allow-methods : OPTIONS,HEAD,GET,POST,PUT,DELETE
http.cors.allow-headers : kbn-version,Origin,X-Requested-With,Content-Type,Accept,Engaged-Auth-Token,Content-Length,Authorization

Step 4: Enable CORS for Kibana

Open kibana.yml and add the following configuration:

elasticsearch.hosts: ["http://localhost:9200"]
server.cors: true
server.cors.origin: ['*']

Step 5: See the results

A new tab with Flexmonster Pivot will be available if you open Kibana:

Resources

• Demos
• Documentation
• Set of tools
• Blog

Also you can get all support from our development team on Forum. Flexmonster developers react fast to the questions and provide professional assistance.