syncfusion-maui-funnel-charts

.NET MAUI ファネルチャートの実装

Syncfusion® .NET MAUI ファネルチャート（SfFunnelChart）を実装およびカスタマイズするための包括的なスキルです。ファネルチャートは、段階的に小さくなるセグメントとしてデータを視覚化します。営業パイプライン、コンバージョンファネル、マーケティングキャンペーンなど、プロセスの段階を表すのに最適です。

このスキルを使用する場面

次のような場合にこのスキルを使用してください。

• ファネルチャートを作成して、プロセスの段階（営業、マーケティング、コンバージョン）を視覚化する
• 階層データを表示して、段階的に狭くなるセグメントを示す
• コンバージョン率や離脱分析を表示する
• データラベルや凡例を備えた、カスタマイズ可能なファネルの視覚化を実装する
• ファネルチャートを画像としてエクスポートする

コンポーネントの概要

SfFunnelChart は、プロセスのさまざまな段階を分析するための美しいファネルセグメントを作成する .NET MAUI コントロールです。主な機能は次のとおりです。

• ユーザー操作： 選択、ツールチップ、凡例の切り替え
• データラベル： 配置やスタイルをカスタマイズして値を表示
• 凡例のサポート： 項目を識別できるスクロール可能な凡例
• カスタマイズ： 外観、色、グラデーション、間隔、効果
• 向き： 縦または横向きのファネル表示
• エクスポート： チャートを画像として保存

ドキュメントとナビゲーションガイド

はじめに

📄 参照： references/getting-started.md

• NuGet パッケージのインストール（Syncfusion.Maui.Charts）
• 基本的な SfFunnelChart の実装（XAML および C#）
• ビューモデルとデータモデルの作成
• ItemsSource、XBindingPath、YBindingPath によるデータバインディング
• タイトル、凡例、ツールチップ、データラベルの追加
• 完全に動作するサンプル

データラベル

📄 参照： references/data-labels.md

• データラベルの有効化（ShowDataLabels プロパティ）
• ラベルの配置オプション（Auto、Inner、Center、Outer）
• コンテキストの設定（XValue、YValue の表示）
• ラベルスタイルのカスタマイズ（フォント、色、余白、境界線）
• セグメントの色に合わせたラベルに UseSeriesPalette を使用

外観とカスタマイズ

📄 参照： references/appearance.md

• セグメントの色を設定する Custom PaletteBrushes
• グラデーションの適用（LinearGradientBrush、RadialGradientBrush）
• カスタム配色の作成
• GradientStops の設定
• ビジュアルデザインのベストプラクティス

凡例

📄 参照： references/legend.md

• ChartLegend の定義と初期化
• 凡例の表示と配置（Top、Bottom、Left、Right）
• ラベルスタイルのカスタマイズ
• 凡例アイコンの種類
• OffsetX/OffsetY を使用したフローティング凡例
• シリーズの表示切り替え
• 項目のレイアウトと ItemTemplate
• LegendItemCreated イベント

ツールチップ

📄 参照： references/tooltip.md

• ツールチップの有効化（EnableTooltip プロパティ）
• ツールチップテンプレートのカスタマイズ
• バインディングコンテキストとデータの書式設定
• ツールチップの外観のカスタマイズ

高度な機能

📄 参照： references/advanced-features.md

• 向き（縦向きと横向き）
• セグメント間隔の設定
• リキッドグラス効果の実装
• ギャップ比率とサイズの設定
• 視覚効果と仕上げ

エクスポート

📄 参照： references/exporting.md

• チャートを画像としてエクスポート
• エクスポート形式のオプション
• チャートの共有と保存

アクセシビリティ

📄 参照： references/accessibility.md

• タイトル、ファネルレイヤー、凡例項目のスクリーンリーダーによる読み上げ
• プラットフォームごとのアクセシビリティの有効化（TalkBack、VoiceOver、Narrator）
• キーボード操作（Windows Narrator、macOS VoiceOver）
• ジェスチャー操作（Android TalkBack、iOS VoiceOver）
• 読み上げ内容を明確にするための、わかりやすいラベルの設定