Skip to content

Events and Listeners

This demo illustrates how to listen to different types of user events.

The chart below represents data from a Ticket Sales table residing in our Elasticsearch server. It shows the top 15 venue names by total revenue. Hover on chart elements to see tooltips with their appropriate metrics. In addition, enable different listener types in the panel below and then click, mouse-over, and mouse-leave on the chart to trigger these events.

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. 
1
{"action": "import", "url": "../cf-demos/simple-events/index.html"}

1
{"action": "import", "url": "../cf-demos/simple-events/index.js"}

1
{"action": "import", "url": "../cf-demos/simple-events/style.css"}

The Ticket Sales table 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.