Highlighting

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

Demo

Highlight Layers

The 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.

 <igc-category-chart 
      id="chart" 
      width="800px" 
      height="500px"
      is-series-highlighting-enabled="true"
      is-category-highlighting-enabled="true"
      is-item-highlighting-enabled="true" >
  </igc-category-chart>