[Xuni:FlexPie] 円形チャートの一部を扇型に切り出して表示する方法 （Xamarin.Forms）
文書番号 : 82066
文書種別 : 使用方法
登録日 : 2017/03/15
最終更新日 : 2017/03/15
対象製品
Xuni
詳細
XuniのFlexPieを利用すると、円形チャートを表示できます。
円形チャートを表示し、表示したい部分をタッチすれば、詳細データをツールチップに表示できます。
これは標準機能です。
選択したことを強調するため、選択部分を円形チャートから切り離して表示することも可能です。
C#（Xamarin.Forms）
また、選択した部分を移動させることもできます。
C#（Xamarin.Forms）
アニメーション効果を利用すると、より効果的になります。
C#（Xamarin.Forms）
Xuni ＞ 技術情報 ＞ ドキュメント ＞ FlexPie－選択
円形チャートを表示し、表示したい部分をタッチすれば、詳細データをツールチップに表示できます。
これは標準機能です。
選択したことを強調するため、選択部分を円形チャートから切り離して表示することも可能です。
C#（Xamarin.Forms）
// スライスを選択時のチャート本体と選択スライスのオフセットを指定 pieChart.SelectedItemOffset = 0.3;
また、選択した部分を移動させることもできます。
C#（Xamarin.Forms）
// 選択したスライスは上部（Top）に表示 pieChart.SelectedItemPosition = Xuni.Forms.ChartCore.ChartPositionType.Top;
アニメーション効果を利用すると、より効果的になります。
C#（Xamarin.Forms）
// アニメーション効果 pieChart.IsAnimated = true; // 選択時アニメーション効果のイージング種類と動作時間を設定 pieChart.SelectAnimation.Easing = Easing.BounceOut; pieChart.SelectAnimation.Duration = 1000;
Xuni ＞ 技術情報 ＞ ドキュメント ＞ FlexPie－選択