Despite the COVID-19 outbreak, our team continues operating at full speed. We are always here to support and answer all your questions.

Feel free to reach out by filling this quick form.

Fill the form
Get Free Trial

Chart filters as a separate buttons

Randolph Kepplinger asked on October 22, 2020

Is it possible to display chart filters in similar way as for grid?

3 answers

Illia Yatsyshyn Illia Yatsyshyn Flexmonster October 23, 2020

Hello, Randolph,
Thank you for reaching out to us.
Our team would like to explain that the grid view’s filtering controls differ in multiple ways from the charts. It is because all available filters are displayed above when using charts. In its turn, only report filters are placed above the grid when using a grid view.
The way filters are rendered can not be changed.
As a workaround, hide default filters for charts using the chart.showFilter property of the Options Object. Next, implement custom controls and place them above the component’s container.
We hope it helps.
Please contact us if any other questions arise.
Best regards,

Randolph Kepplinger October 23, 2020

thank you for the reply.
Is there a simple was to get the options of the filters from flexmonster, to easily fill our own options – and also send it with a request.
Do you have some kind of example for this?
kind regards

Illia Yatsyshyn Illia Yatsyshyn Flexmonster October 26, 2020

Hello, Randolph,
Thank you for your feedback.
We want to explain that we do not have a ready example that would demonstrate custom filtering controls.
Our team would like to draw your attention to the following set of API calls needed to implement custom UI controls for filtering:

  • getFilter method – returns the Filter Object for the specified hierarchy. Use it to render a UI representation of the applied filter.
  • getReportFilters method – returns a list of hierarchies selected in the report slice for report filters. Use it to distinguish report filters.
  • openFilter method – opens the filter pop-up window for the specified hierarchy. For example, call the method after a click on the corresponding UI element, representing filter for a specific field.
  • setFilter method – sets the filter for the specified hierarchy. Use it in case the default filter pop-up is not an option for your case. To implement your custom pop-up, an additional API call is needed:
    • getMembers method – returns a list of members for the specified hierarchy. Use it to implement filtering by members.
  • clearFilter method – clears the filter, which was applied previously to the specified hierarchy.
  • getAllHierarchies method – returns a list of all available hierarchies. Use it to iterate over fields and define the ones with filtering applied.

Please let us know if it works for you.
Feel free to contact us in case further assistance is needed.
Best regards,

Please login or Register to Submit Answer