WPF

[ wpf ] Live Chart _ Doughnut Chart 사용해보기

code094 2021. 11. 26. 09:58

1. NuGet 패키지 관리에서 LiveChart를 다운 받는다. 

2. 네임 스페이스 추가 

xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"

3. 코드 _ xaml 

<lvc:PieChart  x:Name="Chart" Series="{Binding SeriesCollection}"  Foreground="White"
                      InnerRadius="100" Margin="53,36,259,48" Grid.RowSpan="4" LegendLocation="Right">
            <lvc:PieChart.ChartLegend>
                <lvc:DefaultLegend BulletSize="20"/>
            </lvc:PieChart.ChartLegend>
            <lvc:PieChart.DataTooltip>
                <lvc:DefaultTooltip BulletSize="20"/>
            </lvc:PieChart.DataTooltip>
        </lvc:PieChart>

 4. 코드 _ViewModel.cs 

public SeriesCollection SeriesCollection { get; set; }
int testNum = 0;

DispatcherService.Invoke((System.Action)(() =>
            {
                Random rand = new Random();
                testNum = rand.Next(1, 100);

                SeriesCollection = new SeriesCollection
                                {
                                    new PieSeries
                                    {
                                        Title="Success",
                                        Values = new ChartValues<ObservableValue>{ new ObservableValue(testNum) },
                                        DataLabels = true
                                    },
                                    new PieSeries
                                    {
                                        Title="Fail",
                                        Values = new ChartValues<ObservableValue>{ new ObservableValue(100 - testNum) },
                                        DataLabels = true
                                    }
                                };
            }));

5. 동작 확인