Skip to content
master
Switch branches/tags
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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
  • react-flexmonster@2.7.24

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 flexmonster@2.7.24 --flat
yarn add react-flexmonster@2.7.24-1 --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:

Pivot in Kibana

Resources

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