Knowledge Base

Registering click on the whole of the category on column chart

This demo shows how you can combine generic mouse click event (using jQuery) and chart cursor’s changed event to simulate clicking on the whole category on column chart, not just actual column.

Chart cursor has changed event set up. It is triggered every time you move the cursor over a new category, or move the cursor out of the plot area. The handler function registers the index of the cursor’s position for later use.

The jQuery’s generic click event is set on the whole of the chart. When its triggered, the handler function checks for the last cursor position, which is enough to find out which data point the cursor was on when the click occurred.