この手順では、新しいVisual Studioプロジェクトを作成し、FinancialChart コントロールを追加します。

1. Visual Studio で WPF アプリケーションを作成します。
   1. ［ファイル］→［新規作成］→［プロジェクト］を選択します。 ［新しいプロジェクト］ダイアログボックスが表示されます。
   2. ［新しいプロジェクト］ダイアログボックスの左側のペインで、言語を選択し、中央ペインのアプリケーションリストから［WPF アプリケーション］を選択します。
   3. アプリケーションに名前を付け、［OK］を選択します。
2. MainWindow.xaml ファイルを開きます。
3. 作成したアプリケーションのタイプに応じて、ウィンドウまたはユーザーコントロール内の<Grid></Grid> タグ間にカーソル置きます。
4. Visual Studio のツールボックスで、C1FinancialChart コントロールを見つけます。 コントロールをダブルクリックしてアプリケーションに追加します。 次の参照がプロジェクトに追加されます。
   • C1.WPF.4.dll
   • C1.WPF.FinancialChart.4.dll
   • C1.WPF.FlexChart.4.dll
   参照が追加されていない場合は、手動で追加する必要があります。 ソリューションエクスプローラー では、参照フォルダを右クリックし、［追加］→［参照の追加］を選択します。
   
   XAML マークアップは次のようになります。
   • XAML

   <Window
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
           xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" 
           x:Class="FinancialChart.MainWindow"
           Title="MainWindow" Height="387.285" Width="641.667">
       <Grid>
   
           <c1:C1FinancialChart x:Name="financialChart" 
                                ChartType="HeikinAshi" 
                                HorizontalAlignment="Left" 
                                Height="325" VerticalAlignment="Top" 
                                Width="523">
               <c1:FinancialSeries AxisX="{x:Null}" AxisY="{x:Null}" 
                                   Binding="High,Low,Open,Close,Volume" 
                                   BindingX="Date" 
                                   SeriesName="{x:Null}">
                   <c1:FinancialSeries.ItemsSource>
                       <c1:QuoteCollection>
                           <c1:Quote Close="23.23" Date="01/23/15" 
                                     High="24.73" Low="20.16" 
                                     Open="20.2" Volume="42593223"/>
                           <c1:Quote Close="22.6" Date="01/26/15" 
                                     High="24.39" Low="22.5" 
                                     Open="23.67" Volume="8677164"/>
                           <c1:Quote Close="21.3" Date="01/27/15" 
                                     High="22.47" Low="21.17" 
                                     Open="22" Volume="3272512"/>
                           <c1:Quote Close="19.78" Date="01/28/15" 
                                     High="21.84" Low="19.6" 
                                     Open="21.62" Volume="5047364"/>
                           <c1:Quote Close="18.8" Date="01/29/15" 
                                     High="19.95" Low="18.51" 
                                     Open="19.9" Volume="3419482"/>
                       </c1:QuoteCollection>
                   </c1:FinancialSeries.ItemsSource>
               </c1:FinancialSeries>
           </c1:C1FinancialChart>
   
       </Grid>
   </Window>
   

FinancialChart コントロールが正常にアプリケーションに追加されます。