[기술][23기 김지민] WPF 차트 사용하기

[23기 김지민]

차트 사용하기

차트 사용하기

차트 컨트롤은 WPF에 속해있지 않는 컨트롤이다.

따라서 개발자가 차트를 표시해야 한다면 직접 만들거나 아니면 써드 파티 라이브러리를 구입해야 한다.

그러나 http://www.fisifire.com 에서 무료로 다운받을 수 있다.

마크업을 살펴보면

<Window x:Class="차¡À트¡¢ç.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:visifire="clr-namespace:Visifire.Charts;assembly=WPFVisifire.Charts"

        Title="MainWindow" Height="350" Width="525">

    <Grid>

    </Grid>

</Window>

로 되어 있다.

<Grid>

        <visifire:Chart>

            <visifire:Chart.AxesY>

                <visifire:Axis AxisMinimum="50" AxisMaximum="105">

                </visifire:Axis>

            </visifire:Chart.AxesY>

            <visifire:Chart.Series>

                <visifire:DataSeries RenderAs="Doughnut">

                    <visifire:DataSeries.DataPoints>

                        <visifire:DataPoint AxisXLabel="국어 점수" YValue="85"></visifire:DataPoint>

                        <visifire:DataPoint AxisXLabel="영어 점수" YValue="90"></visifire:DataPoint>

                        <visifire:DataPoint AxisXLabel="수학 점수" YValue="100"></visifire:DataPoint>

                        <visifire:DataPoint AxisXLabel="사회 점수" YValue="60"></visifire:DataPoint>

                        <visifire:DataPoint AxisXLabel="과학 점수" YValue="80"></visifire:DataPoint>

                    </visifire:DataSeries.DataPoints>

                </visifire:DataSeries>

            </visifire:Chart.Series>

        </visifire:Chart>

    </Grid>