syncfusion-maui-cartesian-charts

.NET MAUI の直交座標系グラフの実装

20 種類以上のグラフタイプ、インタラクティブ機能、幅広いカスタマイズオプションを備えた包括的なデータ可視化ソリューションである Syncfusion® .NET MAUI 直交座標系グラフ（SfCartesianChart）の実装方法を案内します。このスキルを使って、シンプルな折れ線グラフから複雑な金融・統計データの可視化まで実装できます。

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

ユーザーが次のことを必要としている場合に、このスキルを使用してください。

• データの可視化： 折れ線、面、縦棒、横棒、散布図で定量データを表示する
• 金融分析： 株価の可視化にローソク足または OHLC グラフを作成する
• 統計データ： 箱ひげ図、ヒストグラム、誤差範囲グラフをプロットする
• 比較分析： 積み上げグラフ（面、縦棒、折れ線）を使用して複数のデータセットを比較する
• 範囲の可視化： 範囲面グラフまたは範囲縦棒グラフで高値と安値のデータを表示する
• インタラクティブなダッシュボード： ズーム、パン、選択、トラックボール機能を実装する
• 時系列データ： 日時軸と自動スクロールを使って時間データをプロットする
• カスタムの可視化： 注釈、プロットバンド、トレンドライン、独自のスタイルを追加する

コンポーネントの概要

SfCartesianChart コントロールは、次の機能を提供します。

• 20 種類以上のグラフタイプ： 折れ線、面、縦棒、横棒、散布図、バブル、ローソク足、OHLC、ヒストグラム、箱ひげ図、積み上げグラフ各種、範囲グラフ、ウォーターフォールなど
• 柔軟な軸： カテゴリ、数値、日時、対数軸を幅広くカスタマイズ可能
• インタラクティブ機能： ズーム、パン、選択、ツールチップ、トラックボール、十字線
• 豊富なカスタマイズ： データラベル、凡例、注釈、プロットバンド、トレンドライン、外観
• データ処理： 空のポイントのモード、データバインディング、動的な更新
• エクスポートとローカライズ： 画像のエクスポート、多言語サポート

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

はじめに

📄 参照： references/getting-started.md

• NuGet パッケージのインストール（Syncfusion.Maui.Charts）
• XAML と C# での SfCartesianChart の基本的な初期化
• データモデルとビューモデルの作成
• 軸の設定（XAxes、YAxes）
• データバインディングを使った最初の系列の追加
• 動作する完全なサンプル

グラフの種類

基本的なグラフの種類

📄 参照： references/basic-chart-types.md

• 折れ線、面、縦棒、横棒、散布図、バブルグラフ
• 各グラフタイプの使用場面
• 実装例
• 共通のプロパティとスタイル設定

金融グラフ

📄 参照： references/financial-charts.md

• ローソク足グラフ（ローソク足の可視化）
• OHLC（始値・高値・安値・終値）グラフ
• 金融データの構造とバインディング
• 強気・弱気のスタイル設定

統計グラフ

📄 参照： references/statistical-charts.md

• 箱ひげ図
• ヒストグラム
• 誤差範囲グラフ
• 統計データの要件

積み上げグラフ

📄 参照： references/stacked-charts.md

• 積み上げ面グラフ（通常および 100％）
• 積み上げ縦棒グラフ（通常および 100％）
• 積み上げ折れ線グラフ（通常および 100％）
• 積み上げグラフでの系列のグループ化
• 割合値と絶対値

範囲グラフ

📄 参照： references/range-charts.md

• 範囲面グラフ
• 範囲縦棒グラフ
• スプライン範囲面グラフ
• 高値・安値データのバインディング

高度なグラフの種類

📄 参照： references/advanced-chart-types.md

• Fastline（大規模なデータセット向けに最適化）
• ステップ面グラフとステップ折れ線グラフ
• ウォーターフォールグラフ
• パフォーマンスに関する考慮事項

軸の設定

軸の基本

📄 参照： references/axis-configuration.md

• 軸の種類（カテゴリ、数値、日時、対数）
• XAxes および YAxes コレクション
• 軸ラベルと書式設定
• 軸タイトル
• 複数軸の設定
• ラベルのカスタマイズ

軸のカスタマイズ

📄 参照： references/axis-customization.md

• グリッド線（主線、補助線）のスタイル設定
• 目盛線の設定
• 軸のパディング
• 範囲のパディング
• 自動スクロールの差分
• 軸の配置

データの可視化と操作

データラベル

📄 参照： references/data-labels.md

• データラベルの有効化と配置
• ラベルの配置（内側、外側、自動）
• ラベルの書式設定とテンプレート
• スタイルと外観
• リリースモードでの表示設定

ツールチップとインタラクティブ機能

📄 参照： references/tooltips-and-interaction.md

• ツールチップの設定とカスタマイズ
• 複数系列の比較に使うトラックボール機能
• 正確な値の読み取りに使う十字線
• ツールチップのテンプレート
• インタラクティブな表示モード

ズームとパン

📄 参照： references/zooming-and-panning.md

• ズームモード（ピンチ、選択、マウスホイール）
• パンの設定
• ZoomPanBehavior のセットアップ
• プログラムによるズーム制御
• ズームのリセット機能

選択

📄 参照： references/selection.md

• 選択の種類（単一、複数、系列）
• DataPointSelectionBehavior
• SeriesSelectionBehavior
• 選択イベント
• 選択スタイルのカスタマイズ

カスタマイズとスタイル設定

凡例と外観

📄 参照： references/legend-and-appearance.md

• 凡例の設定と配置
• 凡例項目のテンプレート
• チャートの外観のカスタマイズ
• カラーパレット
• テーマとリキッドグラス効果

注釈と PlotBand

📄 参照： references/annotations-and-plotbands.md

• 注釈の種類（テキスト、ビュー、図形）
• 注釈の追加と配置
• 領域の強調表示に使う PlotBand の設定
• 使用例とサンプル

カスタムスタイル設定

📄 参照： references/customization-and-styling.md

• 系列の外観のカスタマイズ
• カスタムラベルの追加
• 色とグラデーションの塗りつぶし
• 枠線と角の丸み
• テンプレートのカスタマイズ

データ処理と高度な機能

トレンドライン

📄 参照： references/trendlines.md

• トレンドラインの種類（線形、指数、対数、多項式、べき乗、移動平均）
• 系列へのトレンドラインの追加
• 予測と過去への推定
• トレンドラインのカスタマイズ

データポイントの管理

📄 参照： references/data-handling.md

• 空のポイントの処理
• 空のポイントのモード（ギャップ、ゼロ、平均、除外）
• 領域ごとのデータポイントの取得
• タッチ位置の検出
• データ操作

エクスポートとローカライズ

📄 参照： references/exporting-and-localization.md

• チャートの画像としてのエクスポート
• エクスポート形式とオプション
• ローカライズの設定
• カルチャ固有の書式設定
• リソースファイル

アクセシビリティ

📄 参照： references/accessibility.md

• チャート要素とスクリーンリーダーによる読み上げ形式
• Android、iOS、macOS、Windows でのアクセシビリティの有効化
• アクセシビリティナビゲーションに対応する系列
• キーボードナビゲーション（Windows ナレーター、macOS VoiceOver）
• ジェスチャーナビゲーション（Android TalkBack、iOS VoiceOver）
• 意味のある読み上げのための適切なラベルの提供
• アクセシブルなチャートの完全な例