syncfusion-maui-toolkit-cartesian-charts

.NET MAUI Cartesian Charts の実装

20 種類以上のチャートタイプ、インタラクティブ機能、豊富なカスタマイズオプションを備えた包括的なデータ可視化ソリューションである Syncfusion .NET MAUI Cartesian Chart（SfCartesianChart）の実装方法をユーザーに案内します。このスキルを使用すると、シンプルな折れ線グラフから複雑な金融データや統計データの可視化まで実装できます。

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

次のようなニーズがある場合に、このスキルを使用します。

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

コンポーネントの概要

SfCartesianChart コントロールには、次の機能があります。

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

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

はじめに

📄 参照： references/getting-started.md

• NuGet パッケージのインストール（Syncfusion.Maui.Toolkit）
• 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

• 軸の種類（カテゴリ、数値、DateTime、対数）
• 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

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

注釈と PlotBands

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

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

カスタムスタイル設定

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

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

データ処理と高度な機能

データポイントの管理

📄 参照： references/data-handling.md

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

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

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

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