How do i change mouse cursor in Amchart

Question

I have an bar column amchart and have click event on each column. But how can i change the mouse cursor to other icon (like hand) to make user know that the column 's clickable

Answer 1

You can use showHandOnHover if you want mouse pointer to change to hand when hovering the graph

Answer 2

You could simply use the rollOverGraphItem and rollOutGraphItem event to toggle a class to your chart container and set the cursor with css :)

Answer 3

Alternatively with CSS use the class amcharts-graph-column, whilst setting addClassNames to true on your AMChart config. (Version 3)

This allows for a column to have a cursor, without the whole chart looking clickable, and doesn't need to register any extra event handlers.