DataGrid for DevExtreme - How to filter Chart's series based on a grid's filter

This example illustrates how to filter Сhart's series based on the grid's filter. For this, we handle the grid's onOptionChanged event, obtain the grid's filter by calling the getCombinedFilter(returnDataField) method and apply this filter to the underlying datasource to evaluate and set the chart's dataSource. We use Query Concept to evaluate the filter expression.

Files to Review

• Angular
  • app.component.html
  • app.component.ts
• jQuery
  • index.js
• React
  • App.js
• Vue
  • App.vue

Documentation

• Getting Started with DataGrid

• DataGrid - API Reference

• Chart - API Reference