🍉 Meet Flexmonster Pivot Table & Charts 2.9.Check out all hot features!
Get Free Trial

Integration with Highcharts

Ravi asked on May 1, 2019

Hi Team,
I’m a Premium licensed user.
We are Integrating Highcharts instead of Pivotchart and we need following things to be done.
Referring: https://jsfiddle.net/flexmonster/qf73smhf/

  1. How to apply same theme for Highcharts(including font, line, legend,. styles) as we already set for Pivotchart and in our case ‘dark-theme‘?
  2. How to remove Pivotchart?. We should show only Highchart and also, we need the “#fm-header-toolbar“(id) element (as on top of Pivotchart) to select measures.

We may also extend this thread until our Highchart integration is complete. So, please support asap.

1 answer

Tanya Gryshko Tanya Gryshko Flexmonster May 2, 2019

Hello, Ravi,
Thank you for writing to us.

We would like to explain how our integration with the Highcharts charting library works. In order to provide better data visualization, we added connectors to the most popular charting libraries. Basically, you can get the data from our web pivot table and display it using a charting library.

In case you integrate Flexmonster with Highcharts, we provide a number of ways to prepare the data from a pivot table to be shown inside of charts. The look and feel of Highcharts, as well as all other options, should be configured inside Highcharts, not Flexmonster. We suggest referring to Highcharts docs and support forums pages: https://www.highcharts.com/docs/.

Flexmonster provides the data for charts and also supports defining number formatting for Highcharts taken from the pivot table. For more details please check https://www.flexmonster.com/doc/integration-with-highcharts/.

Speaking of a drop-down with available measures, it cannot be used outside of a pivot table. However, you can easily create your own drop-down. We recommend using a getMeasures API call to get a list of measures: https://www.flexmonster.com/api/getmeasures/.

In order to remove the Charts tab from the Toolbar, please refer to the following tutorial: https://www.flexmonster.com/doc/customizing-toolbar/. Also, we have prepared a sample, which demonstrates how to hide a pivot table and show only the Toolbar: https://jsfiddle.net/flexmonster/236w14hy/. Here you can further configure the Highcharts.

Hope it helps.


Please login or Register to Submit Answer