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.

TypeScript

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

JavaScript

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

Open in CodePen