この手順では、新しい Visual Studio アプリケーションを作成し、適切な参照をプロジェクトに追加します。さらに、FinancialChart コントロールを作成するための XAML マークアップを追加します。

1. 新しい ユニバーサル Windows アプリケーションを作成します。
   1. ［ファイル］→［新規作成］→［プロジェクト］を選択します。［新しいプロジェクト］ダイアログボックスが開きます。
   2. ［テンプレート］→［Visual C#］→［Windows］→［ユニバーサル］を選択します。テンプレートリストで、［空のアプリ（ユニバーサル Windows）］を選択します。
   3. アプリケーションに名前を付け、［OK］をクリックします。新しいアプリケーションが作成されました。
2. MainPage.xaml ファイルを開き、C1FinancialChart コントロールをドラッグアンドドロップします。 次の参照がプロジェクトに追加されます。
   • C1.UWP.dll
   • C1.UWP.DX.dll
   • C1.UWP.FlexChart.dll
   • C1.UWP.FlexChart.Finance.dll
   参照が追加されない場合は、手動で追加してください。それには ［参照］ フォルダを ソリューションエクスプローラー で右クリックし、［追加］→［新しい参照］を選択します。

   次のように、必要な名前空間とコントロールマークアップが MainPage.xaml に追加されます。

   • XAML

       <Page
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
       xmlns:local="using:FinancialChart"
       xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
       xmlns:Finance="using:C1.Xaml.Chart.Finance"
       x:Class="FinancialChart.MainPage1"
       mc:Ignorable="d">
   
       <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
   
           <Finance:C1FinancialChart ChartType="HeikinAshi" HorizontalAlignment="Left"
            Height="300" Name="financialChart" VerticalAlignment="Top" Width="300">
               <Finance:FinancialSeries Binding="High,Low,Open,Close,Volume" BindingX="Date">
                   <Finance:FinancialSeries.ItemsSource>
                       <Finance:QuoteCollection>
                           <Finance:Quote Close="23.23" Date="01/23/15" High="24.73" 
                           Low="20.16" Open="20.2" Volume="42593223"/>
                           <Finance:Quote Close="22.6" Date="01/26/15" High="24.39"
                            Low="22.5" Open="23.67" Volume="8677164"/>
                           <Finance:Quote Close="21.3" Date="01/27/15" High="22.47" 
                           Low="21.17" Open="22" Volume="3272512"/>
                           <Finance:Quote Close="19.78" Date="01/28/15" High="21.84"
                            Low="19.6" Open="21.62" Volume="5047364"/>
                           <Finance:Quote Close="18.8" Date="01/29/15" High="19.95" 
                           Low="18.51" Open="19.9" Volume="3419482"/>
                       </Finance:QuoteCollection>
                   </Finance:FinancialSeries.ItemsSource>
               </Finance:FinancialSeries>
           </Finance:C1FinancialChart>
   
       </Grid>
   </Page>
   

FinancialChartコントロールが正常にプロジェクトに追加されます。