このステップでは、FlexChart をデータソースに連結できます。

1. 次のようにデータソースを作成します。
   1. プロジェクトを右クリックし、［追加］→［クラス］を選択します。
   2. テンプレートの一覧から［クラス］を選択し、「DataCreator.cs」と名前を付け、［追加］をクリックします。
   3. DataCreator.cs クラスに次のコードを追加して、データを生成します。
   • C#

   namespace QuickStart
   {
       class DataCreator
       {
           public static List<DataItem> CreateData()
           {
               var data = new List<DataItem>();
               data.Add(new DataItem("イギリス", 5, 4));
               data.Add(new DataItem("米国", 7, 3));
               data.Add(new DataItem("ドイツ", 8, 5));
               data.Add(new DataItem("日本", 12, 8));
               return data;
           }
       }
   
       public class DataItem
       {
           public DataItem(string country, int sales, int expenses)
           {
               Country = country;
               Sales = sales;
               Expenses = expenses;
           }
   
           public string Country { get; set; }
           public int Sales { get; set; }
           public int Expenses { get; set; }
       }
   }
   

2. 次のように、データを FlexChart に連結します。
   
   1. <Grid> タグを編集して次のマークアップを作成し、FlexChart にデータを提供します
      • XAML

      <Grid>
      
          <c1:C1FlexChart x:Name="flexChart" 
                          BindingX="Country" 
                          ItemsSource="{Binding DataContext.Data}">
              <c1:C1FlexChart.Series>
                  <c1:Series SeriesName="販売" 
                             Binding="Sales"/>
                  <c1:Series SeriesName="経費" 
                             Binding="Expenses"/>
              </c1:C1FlexChart.Series>
          </c1:C1FlexChart>
      
      </Grid>
      

      連結ソースを指定するには、DataContext = "{Binding RelativeSource={RelativeSource Mode=Self}}" マークアップを MainWindow.xaml ファイルの <Window> タグに追加する必要があります。
   2. コードビュー（MainWindow.xaml.cs）に切り替えます。MainWindow クラスに次のコードを追加して、チャートにデータをプロットします。
      
      • MainWindow.xaml.cs

      private List<DataItem> _data;
      public MainWindow()
      {
          this.InitializeComponent();          
          
      }
      
      public List<DataItem> Data
      {
          get
          {
              if (_data == null)
              {
                  _data = DataCreator.CreateData();
              }
      
              return _data;
          }
      }
      

FlexChart をデータソースに連結できました。