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ページにネーミングスペースを追加します.
3.コントロールの追加
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