Windows Phone 7チャートコントロールの使用


**頼りになると思います.の回りました.
Windows Phone 7プラットフォームでChartを使用する方法について説明します.Pie、Bar、その他のChartをアプリケーションに追加する方法を示します.
  
Silverlight Toolkitの取得
まず、Silverlight Toolkit on Codeplexにコントロールパッケージをダウンロードし、インストールする必要があります.本編では特にPieSeries、BarSeriesについて紹介します.
 
PieSeriesコントロールの使用
1.プログラムセット参照の追加
のSilverlightインストールパスの下にSystem.Windows.Controls、the System.Windows.Controls.DataVisualization.Toolkitの2つのプログラムセットがあります(私のパスはC:Program FilesMicrosoft SDKsSilverlightv 4.0ToolkitApr 10Binです)
この2つのプログラムセットを参照します.
2.ネーミングスペースの追加
コントロールを使用したXAMLページにネーミングスペースを追加します.
xmlns:chart="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit"

3.コントロールの追加
       XAML         
<chart:Chart>
	<chart:PieSeries />
</chart:Chart>
     
                  ,         。
    4. PieSeriesControl.xaml.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Microsoft.Phone.Controls;
using System.Windows.Controls.DataVisualization.Charting;
 
namespace Day31_ChartingControls
{
	public partial class PieSeriesControl : PhoneApplicationPage
	{
		VideoGameCharacter[] pacman = new VideoGameCharacter[2] { new VideoGameCharacter("Resembles", 8), new VideoGameCharacter("Doesn't resemble", 2)};
		
		public PieSeriesControl()
		{
			InitializeComponent();
			PieSeries pieSeries = PieChart.Series[0] as PieSeries;
			pieSeries.ItemsSource = pacman;
		}
	}
 
	public class VideoGameCharacter
	{
		public string Label { get; set; }
		public int Value { get; set; }
 
		public VideoGameCharacter(string label, int value)
		{
			Label = label;
			Value = value;
		}
	}
}
 
   
      ,        PieSeries   ,          ,Series Series          

  PieSeriespieSeries = PieChart.Series[0] asPieSeries;
なぜ直接呼び出したのか、私もよく分かりません. PieSeriesコントロールは使用できません.次にPieSeriesにデータをバインドします.
<chart:Chart x:Name="PieChart">
        <chart:PieSeries 
               IndependentValueBinding="{Binding Label}"
               DependentValueBinding="{Binding Value}"/>
</chart:Chart>

  
 
効果は下図のようです
 
 
 
BarSeriesコントロールの使用 
 
       同様に、BarSeriesコントロールを使用して、コントロールを作成し、データをバインドすることができます.
<chart:Chart x:Name="BarChart" Foreground="Gray" Title="Midwest City Populations">
	<chart:BarSeries
		Title="Population"
		IndependentValueBinding="{Binding Name}"
		DependentValueBinding="{Binding Population}"/>
	<chart:Chart.Axes>
		<chart:CategoryAxis Title="City" Orientation="Y" FontStyle="Italic"/>
		<chart:LinearAxis Title="Population" Orientation="X" Minimum="0" Maximum="2500000" Interval="500000" ShowGridLines="True"  FontStyle="Italic"/>
	</chart:Chart.Axes>
</chart:Chart>

 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Microsoft.Phone.Controls;
using System.Windows.Controls.DataVisualization.Charting;
 
namespace Day31_ChartingControls
{
	public partial class BarSeriesControl : PhoneApplicationPage
	{
		List<City> cities = new List<City> { 
			new City { Name = "CLE", Population = 2250871 }, 
			new City { Name = "CMH", Population = 1773120 }, 
			new City { Name = "CVG", Population = 2155137 }, 
			new City { Name = "DET", Population = 4425110 } };
		
		public BarSeriesControl()
		{
			InitializeComponent();
			BarSeries bs = BarChart.Series[0] as BarSeries;
			bs.ItemsSource = cities;
		}
	}
}

 
 
翻訳:http://www.jeffblankenburg.com/post/31-Days-of-Windows-Phone-7c-Day-31-Charting-Data.aspx