<ig:XamDataPieChart ItemsSource="{Binding Data}"
SelectionBehavior="PerDataItemMultiSelect"
SelectionMode="SelectionColorFill"
SelectionBrush="DodgerBlue" />
このトピックは、ユーザーがデータ バインディング トピックを既に読んでいることを前提とし、はじめにそのコードを使用します。
XamDataPieChart は、チャートにプロットされたスライスをマウスでクリックしてスライスを選択できる機能をサポートしています。チャートの選択機能のさまざまな側面について、以下に説明します。
SelectionBehavior の主な 2 つのオプションは PerDataItemSingleSelect と PerDataItemMultiSelect で、それぞれ単一選択と複数選択を有効にします。
SelectionMode プロパティは、円チャートのスライスが選択された場合にどのように反応するかを決定します。このプロパティは、SeriesSelectionMode 列挙体によって定義されます。以下はその列挙体のオプションとその機能です。
Brighten: 選択したスライスが強調表示されます。
FadeOthers: 選択したスライスは同じ色のまま残り、他のスライスは色が薄くなります。
FocusColorFill: 選択したスライスの背景が XamDataPieChart コントロールの FocusBrush に変更されます。
FocusColorOutline: 選択されたスライスには、XamDataPieChart コントロールの FocusBrush によって定義された色のアウトラインが表示されます。
FocusColorThickOutline: 選択されたスライスには、XamDataPieChart コントロールの FocusBrush によって定義された色のアウトラインが表示されます。このアウトラインの太さは、コントロールの Thickness プロパティを使用して設定することもできます。
GrayscaleOthers: 選択されていないスライスにはグレー色のフィルターが適用されます。
None: 選択されたスライスには影響はありません。
SelectionColorFill: 選択されたスライスの背景が XamDataPieChart コントロールの SelectionBrush に変更されます。
SelectionColorOutline: 選択されたスライスには、XamDataPieChart コントロールの SelectionBrush によって定義された色のアウトラインが表示されます。
SelectionColorThickOutline: 選択されたスライスには、XamDataPieChart コントロールの FocusBrush によって定義された色のアウトラインが表示されます。このアウトラインの太さは、コントロールの Thickness プロパティを使用して設定することもできます。
ThickOutline: 選択されたスライスには、XamDataPieChart コントロールの Thickness プロパティに応じて太さが異なるアウトラインが適用されます。
スライスが選択されると、その基になるデータ項目がチャートの SelectedSeriesItems コレクションに追加されます。そのため、XamDataPieChart は SelectedSeriesItemsChanged イベントを公開して、スライスが選択されてこのコレクションが変更されたことを検出します。
XAML の場合:
<ig:XamDataPieChart ItemsSource="{Binding Data}"
SelectionBehavior="PerDataItemMultiSelect"
SelectionMode="SelectionColorFill"
SelectionBrush="DodgerBlue" />C# の場合:
XamDataPieChart dataPieChart = new XamDataPieChart()
{
ItemsSource = data,
SelectionBehavior = SeriesSelectionBehavior.PerDataItemMultiSelect,
SelectionMode = SeriesSelectionMode.SelectionColorFill,
SelectionBrush = Brushes.DodgerBlue
};