Blazor 차트 도구 설명

In Blazor charts, tooltips provide details about bound data and they are rendered in popups when the end-user hovers over data points. Tooltips are supported by the IgbCategoryChart, IgbFinancialChart, and IgbDataChart controls.

Blazor Chart provide three types of tooltips that you can with tooltips enabled by setting the ToolTipType property. The following example shows the Column Chart with a combo-box that you can use to change type of tooltips.

The ToolTipType property is configurable and can be set to one of the following options:

자산 가치	설명
`Default`툴팁	포인터를 항목 위에 놓으면 해당 항목에 대한 도구 설명이 표시됩니다.
`Data`툴팁	차트의 모든 계열에 대한 데이터 도구 설명을 표시합니다.
`Item`툴팁	포인터가 위치한 범주의 각 데이터 항목에 대한 도구 설명을 표시합니다.
`Category`툴팁	포인터가 위치한 범주의 모든 데이터 포인트에 대해 그룹화된 도구 설명을 표시합니다.

기본 제공 유형의 도구 설명이 요구 사항과 일치하지 않는 경우, 시리즈 제목, 데이터 값 및 축 값을 표시하고 스타일을 지정하는 고유한 도구 설명을 만들 수 있습니다. 다음 섹션에서는 다양한 유형의 Blazor 차트에서 이를 수행하는 방법을 보여줍니다.

카테고리 차트의 사용자 정의 도구 설명

This example shows how to create custom tooltips for all series in Blazor IgbCategoryChart control. Note that you can also apply the same logic to custom tooltips in Blazor IgbFinancialChart control.

데이터 차트의 사용자 정의 도구 설명

이 예제에서는 Blazor 데이터 차트 컨트롤의 각 시리즈에 대한 사용자 지정 도구 설명을 만드는 방법을 보여줍니다.

추가 리소스

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

API 참조

The IgbCategoryChart and IgbFinancialChart components share the following API properties:

ToolTipType

In the IgbDataChart component, you can use the following API components and properties:

Blazor 차트 도구 설명