Facebook Pixel

BySpot Hover Logic

A Polar Chart with hovering settings customly adjusted, depending on the shape of a point and the distance between the center of the axes. The closer the cursor is to the center, the wider the angle is.
  1. Chart Gallery
  2. Custom Drawing
  3. BySpot Hover Logic

    BySpot Hover Logic

The AnyChart Graphics engine draws additional visual elements on the stage in response to user actions such as mouse movement and hovering. Custom interactive behaviors layer on top of standard chart series without modifying the underlying data model.

This BySpot Hover Logic sample builds a polar chart with two series (line and marker) and implements a custom by-spot hover mode. When the cursor moves over the chart, a circle of a configurable spot radius is drawn around the pointer, and two rays extend from the chart center to the edges of that circle, visually indicating the angular hover zone. Points within the spot radius are highlighted in yellow with enlarged markers or star shapes. The hover angle widens as the cursor moves closer to the center.

See the Custom Drawing documentation for all configuration options.

Next