Xamarin 円チャート

円チャート コントロールを使用して、タップ ジェスチャー、またはドリルダウン操作で基本データを表示します。あるいは、円チャートのセクションを切り離してツールチップを表示できます。簡易チャートまたは分割円チャートを作成できます。カスタマイズ可能なしきい値やテキスト ラベルや画像が重ならないよう円の内側または外側に表示できます。

最新の Xamarin 円チャート コンフィギュレーターを使用しコントロールの設定やデータのバインド設定を行えます。コードを記述する必要はありません。

データ バインディング

単純なデータ項目のリスト、または階層データを ViewModel からバインドします。

ラベルの外観

ラベル外観の設定、配置や書式設定などが可能です。

スライスのインタラクション

単一/複数のスライスを展開し重要な情報の強調表示を行ったり、階層データのドリルダウンを行ったりするためにインタラクションを使用できます。

スライスの外観

すべてのスライス、または選択済みのスライスのみの配置や外観をカスタマイズできます。

その他の分類項目

指定のしきい値以下の情報項目を表すスライスを 1 つのスライスでグループ化し、重要項目と区別します。

円チャート コンフィギュレーター

円チャート コンフィギュレーターは円チャート API の学習の煩雑さを取り除き、開発時間を削減させます。円チャートを WYSIWYG かつ、マウス クリック作業で視覚的に設定できます。デザイナーはプレビュー表示を見ながらコントロールをインタラクティブ、かつ視覚的にデザインできます。

シングルクリックで円チャート コンフィギュレーターを起動

XAML エディターでコントロールを選択し、ライトバルブ (電球) から円チャート コンフィギュレーターを起動できます。

円チャートを視覚的に設定

リボン ギャラリー項目を使用し、レイアウトやインタラクション、ブラシや判例など、円チャートの大部分を視覚的に設定することができます。円チャートのすべての API に精通している必要はありません。

スライスの効果のカスタマイズ

スライスの選択、展開半径などの円チャートの設定をコンフィギュレーターのリボン ギャラリーから視覚的に設定できます。

ワンクリックでレイアウトを変更

レイアウトツールでラベルのモードや引き出し線を視覚的にカスタマイズできます。

簡易なプロパティ編集

利便性を高めるため、プロパティ エディターにおいて関連性のあるプロパティごとにグループ分けが行われています。また、機能互換性に沿った形で設定項目の有効・無効表示が切り替わります。この仕組みによりコントロールの設定を変更できると共に実際の設定時にプロパティ間の関係性を確認できます。

簡易なデータバインディングの設定

動的なデータを最小値、最大値、ラベルの長さ、標準のスライスの大きさなどにバインディングできます。バインディング エディターを使用することでバインディング モードやカスタム コンバートを設定することができます。更に便利なフォーマッターを用意しているため、データをどの形式で表示するかに悩む必要はありません。

背景に合わせた正しい配色を確認

利便性のため、円チャート コンフィギュレーターの背景色をアプリケーションの背景色と同様に設定することができます。これにより、実行時に実際にどのように表示されるかを確認することができます。また、破線の枠を表示することでコントロールの領域を確認できます。

既存スタイル リソースの活用

プロジェクトやページ単位であらかじめ設定されているリソースをリソース ピッカーを使用し利用できます。