Setting mouse pointer style

This tutorial will show how we can change cursor style when hovering over some chart element.

Setting cursor style

We can use any element's cursorOverStyle setting to specify which cursor to show when it is hovered by a mouse cursor.

series.slices.template.setAll({
  cursorOverStyle: "pointer"
});

series.slices.template.setAll({
  cursorOverStyle: "pointer"
});

Available styles

The following table lists a few of the most common cursor styles. For a full list refer to this Mozilla doc.

Style	Example
"default"
"pointer"
"grab"
"zoom-in"

Example

See the Pen Setting mouse pointer style by amCharts team (@amcharts) on CodePen.