React Highlighting

This topic provides conceptual information about the highlighting features of the Ignite UI for React category chart component.


Edit on CodeSandbox

Highlight Layers

The Ignite UI for React category chart component can enable three types of highlighting when hovering over items.

  1. Series Highlighting will highlight the single data point when the pointer is positioned over it.

  2. Item Highlighting highlights items in a series either by drawing a banded shape at their position or by rendering a marker at their position.

  3. Category Highlighting targets all category axes in the chart. They draw a shape that illuminates the area of the axis closest to the pointer position.

 <IgrCategoryChart dataSource={}
    isItemHighlightingEnabled={true} />