Interaction Manager Rules

This demo shows how to use Interaction Manager (IM) rules to filter across charts. Here is how the IM rules are configured which you can also review in the rules JSON object in the JavaScript code of this demo.

• The category name slicer is configured with clientFilters: true
• The venue name slicer is configured with clientFilters: true and serverFilters: ['catname.keyword']
• The venue city bar chart is configured with trigger: false
• The event name pie chart is configured with receive: false
• The stacked bars chart is configured with serverFilters: ['catgroup.keyword']
• The venue name donut chart is configured with custom filterConditions

If you'd like to see the demo in full screen click here

Review the complete source code and copy/paste it to create your own.

Html

{"action": "import", "url": "../cf-demos/interaction-manager-rules/index.html"}

Javascript

{"action": "import", "url": "../cf-demos/interaction-manager-rules/index.js"}

Css

{"action": "import", "url": "../cf-demos/interaction-manager-rules/style.css"}

The charts above visualize data from a Ticket Sales index residing in our Elasticsearch server. The Ticket Sales index is derived from the Amazon’s Sample Database for Redshift. The data represents ticket sales activity for the fictional TICKIT web site, where users buy and sell tickets online for different types of events.