React Chart Highlighting Example

    다음 예는 React 차트에서 사용할 수 있는 다양한 강조 표시 옵션을 보여줍니다.

    React 차트 강조 모드 및 동작

    All React Charts support a variety of highlighting options. highlightingMode can be set to brighten or fade when the mouse is hovering over a series/data item rendered in the plot area. highlightingBehavior can be set to directly over or the nearest data item to trigger the highlighting effect. Highlighting modes and behaviors is supported by the IgrCategoryChart, IgrFinancialChart, and IgrDataChart controls and they have the same API for using the highlighting feature.

    The following example demonstrates the highlightingMode React chart.

    The following example demonstrates the highlightingBehavior React chart.

    React 차트 범례 강조

    All React Charts support legend highlighting. legendHighlightingMode can enabled so that when mouse is hovering over a legend marker item then the rendered series will highlight in the plot area. Legend highlighting is supported by the IgrCategoryChart, IgrFinancialChart, and IgrDataChart controls and they have the same API for using the highlighting feature.

    다음 예는 React 차트를 강조하는 범례 시리즈를 보여줍니다.

    Highlight Layers

    The Ignite UI for React IgrCategoryChart can enable three types of highlighting when hovering over data items.

    1. Series Highlighting will highlight the single data point represented by a marker or column when the pointer is positioned over it. This is enabled by setting the isSeriesHighlightingEnabled property to true.

    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. This is enabled by setting the isItemHighlightingEnabled property to true.

    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. This is enabled by setting the isCategoryHighlightingEnabled property to true.

    다음 예제는 React 차트에서 사용할 수 있는 다양한 강조 표시 레이어를 보여줍니다.

    Additional Resources

    다음 항목에서 관련 차트 기능에 대한 자세한 내용을 확인할 수 있습니다.

    API References

    다음은 위 섹션에서 언급된 API 멤버 목록입니다.