このトピックでは、XamDataPieChart コントロールで有効にできるさまざまなアニメーションに関する情報を提供します。
このトピックは、以下のセクションで構成されています。
このトピックは、ユーザーがデータ バインディング トピックを既に読んでいることを前提とし、はじめにそのコードを使用します。
XamDataPieChart は、スライスの表示や値の変更時のアニメーション化をサポートしています。
IsTransitionInEnabled プロパティを true に設定すると、円チャートがアニメーションで表示されます。実行されるアニメーションのタイプは、TransitionInMode 列挙プロパティを表示したいアニメーションのタイプに設定することで構成できます。さらに、TransitionInSpeedType プロパティを、インデックス、値、通常、またはランダム化でスケールするように設定することもできます。このアニメーションの期間は、TimeSpan を受け取る TransitionInDuration プロパティで制御できます。
データの変更をアニメーション化する場合は、AnimateSeriesWhenAxisRangeChanges プロパティを true に設定することでも実行できます。この変更の期間は、TransitionDuration プロパティを設定することでも構成できます。
XAML の場合:
<ig:XamDataPieChart ItemsSource="{Binding Data}"
AnimateSeriesWhenAxisRangeChanges="True"
IsTransitionInEnabled="True"
TransitionDuration="00:00:3"
TransitionInDuration="00:00:3"
TransitionInMode="AccordionFromLeft"
TransitionInSpeedType="Random" />C# の場合:
XamDataPieChart dataPieChart = new XamDataPieChart()
{
ItemsSource = Data,
AnimateSeriesWhenAxisRangeChanges = true,
IsTransitionInEnabled = true,
TransitionDuration = new TimeSpan(0, 0, 3),
TransitionInDuration = new TimeSpan(0,0,3),
TransitionInMode = CategoryTransitionInMode.AccordionFromLeft,
TransitionInSpeedType = TransitionInSpeedType.Random
};