.NET MAUI 차트의 새로운 기능: 2022 볼륨 3

.NET MAUI Charts 컨트롤은 데이터 시각화를 위한 잘 만들어진 차트 컨트롤입니다. 여기에는 모든 차트 작성 시나리오에 맞는 10개 이상의 차트 및 그래프로 구성된 풍부한 갤러리가 포함되어 있습니다.

이 블로그 게시물에서는 2022 Volume 3 릴리스용 .NET MAUI Charts 컨트롤에 포함된 새로운 기능을 빠르게 소개하겠습니다.

대수축

데이터 수집에서 가장 큰 값과 가장 작은 값이 수백 또는 수천 단위 떨어져 있는 경우 로그 눈금을 사용하여 데이터 간격을 설명할 수 있습니다.

Syncfusion .NET MAUI 차트는 이제 대수 축 렌더링을 지원합니다. 넓은 범위의 값에 대한 수치 데이터를 간결하게 표시할 수 있습니다.

다음 코드 예제는 .NET MAUI 데카르트 차트에서 로그 축을 구성하는 방법을 보여줍니다.

Xaml

<chart:SfCartesianChart>

 <chart:SfCartesianChart.XAxes>
   <chart:LogarithmicAxis/>
 </chart:SfCartesianChart.XAxes>

 <chart:SfCartesianChart.YAxes>
   <chart:LogarithmicAxis/>
 </chart:SfCartesianChart.YAxes>

</chart:SfCartesianChart>

.NET MAUI 차트의 대수 축 지원

시리즈 선택 및 다중 선택

.NET MAUI Charts 컨트롤의 선택 동작은 차트에서 특정 요소[데이터 포인트 또는 시리즈]를 강조 표시합니다. 즉, 이 동작은 세그먼트 또는 계열을 선택합니다.

다음 코드는 차트에서 계열 선택을 구성하는 방법을 보여줍니다.

Xaml

<chart:SfCartesianChart>
 . . .
 <chart:SfCartesianChart.SelectionBehavior>
   <chart:SeriesSelectionBehavior SelectionBrush="Green"/>
 </chart:SfCartesianChart.SelectionBehavior>

 <!--Series collection.-->

</chart:SfCartesianChart>

그리고 다음 코드는 .NET MAUI 차트에서 여러 계열 선택을 활성화하는 방법을 보여줍니다.

Xaml

<chart:SfCartesianChart>
 . . .
 <chart:SfCartesianChart.SelectionBehavior>
  <chart:SeriesSelectionBehavior Type="Multiple"/>
 </chart:SfCartesianChart.SelectionBehavior>

 <!--Series collection.-->

</chart:SfCartesianChart>

.NET MAUI 차트의 계열 선택 및 다중 선택 기능

터치 시 세그먼트 분해

이제 터치하거나 탭하는 상호 작용으로 원형 차트(파이 및 도넛)의 특정 세그먼트를 팝아웃할 수 있습니다. 다음 코드 예제는 터치 시 폭발하도록 세그먼트를 구성하는 방법을 보여줍니다.

Xaml

<chart:SfCircularChart>
 . . .
 <chart:DoughnutSeries ExplodeOnTouch="True" />
</chart:SfCircularChart>

.NET MAUI 원형 차트에서 터치 상호 작용을 사용하여 세그먼트 분해

도넛형 차트 중앙에서 보기

도넛형 차트 중간에 보기를 배치할 수 있습니다. 이를 통해 차트 데이터에 대한 자세한 정보를 표시할 수 있습니다. 다음 코드 예제는 도넛형 차트의 중앙 보기를 구성하는 방법을 보여줍니다.

Xaml

<chart:SfCircularChart>
 <chart:SfCircularChart.Series>
  <chart:DoughnutSeries ItemsSource="{Binding DoughnutSeriesData}" XBindingPath="Name" YBindingPath="Value"/>
   <chart:DoughnutSeries.CenterView>
   <Label Text = "{Binding Total, Source={x:Reference doughnutViewModel}}"/>
  </chart:DoughnutSeries.CenterView>
 </chart:SfCircularChart.Series>
</chart:SfCircularChart>

.NET MAUI 도넛형 차트 중앙에 보기 추가

차트 플롯 영역 배경

차트 영역에 보기를 추가합니다. 이는 차트의 배경 영역에 관련 정보, 워터마크 또는 색상 그라데이션을 포함하는 데 유용합니다.

다음 코드 예제는 .NET MAUI 데카르트 차트의 플롯 영역 배경 보기를 구성하는 방법을 보여줍니다.

Xaml

<chart:SfCartesianChart>
 <chart:SfCartesianChart.PlotAreaBackgroundView>
  <AbsoluteLayout>
    <Label Text=" Copyright © 2001 - 2022 Syncfusion Inc "
           FontSize="18"
           AbsoluteLayout.LayoutBounds="1,1,-1,-1"
           AbsoluteLayout.LayoutFlags="PositionProportional"
           Opacity="0.4" />
    <Label Text="CONFIDENTIAL"
           Rotation="340"
           AbsoluteLayout.LayoutBounds="0.5,0.5,-1,-1"
           AbsoluteLayout.LayoutFlags="PositionProportional"
           Opacity="0.3" />
  </AbsoluteLayout>
 </chart:SfCartesianChart.PlotAreaBackgroundView>
</chart:SfCartesianChart>

차트 플롯 영역 배경에 보기 추가

결론

읽어 주셔서 감사합니다! .NET MAUI Charts 릴리스의 Syncfusion2022 Volume 3에 새로운 기능이 추가되었습니다. 이러한 기능을 사용하여 차트 데이터를 더 읽기 쉽게 만드십시오.

release notes 및 What’s New 페이지를 읽으면 이 볼륨 3의 모든 새로운 기능에 대한 추가 정보를 얻을 수 있습니다. .NET MAUI 차트GitHub demos 및 documentation을 살펴보십시오.

아래 의견 섹션에서 질문이나 기능 요청을 제출하십시오. support forums , support portal 또는 feedback portal 을 통해 당사에 연락할 수도 있습니다.

관련 블로그

Syncfusion Essential Studio 2022 Volume 3 Is Here!

Introducing the .NET MAUI Autocomplete Control

What’s New in .NET MAUI: 2022 Volume 3

Configure Syncfusion .NET MAUI Controls Using Visual State Manager (VSM)