mcpField
S
syncfusion-wpf-olap-gauge

syncfusion-wpf-olap-gauge

github.com/syncfusionデータ・データベース5155 回インストール1 週間前に更新
リポジトリ

syncfusion-wpf-olap-gauge について

Syncfusion の WPF OlapGauge コントロールで、OLAP データの KPI をゲージ表示するためのガイドです。ダッシュボードやレポートを作る開発者向けに、データ接続、指標表示、レイアウト、外観、ツールチップ、ローカライズを扱います。

主な機能

  1. 01OLAP キューブやサーバーへの接続
  2. 02KPI 値、目標、状態、傾向の表示
  3. 03複数ゲージの行列配置
  4. 04フレーム、テーマ、ラベルのカスタマイズ
  5. 05ツールチップとローカライズの設定

活用シーン

  1. 01経営向け KPI ダッシュボードの作成
  2. 02オフラインキューブの KPI 表示
  3. 03ローカライズ対応アプリのゲージ調整

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/syncfusion/wpf-ui-components-skills --skill syncfusion-wpf-olap-gauge

インストール後、Claude Code で/syncfusion-wpf-olap-gaugeを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
appearance.md
customization.md
data-binding.md
getting-started.md
kpi-visualization.md
tooltips-localization.md

詳細

OLAP ゲージの実装

OLAP データソースの主要業績評価指標(KPI)を表示する Syncfusion® WPF OLAP Gauge コントロールの実装ガイドです。OLAP Gauge は、経営層向けダッシュボードやレポートカードでビジネス上重要な KPI 情報を強調し、目標値に対する値を直感的に表示するのに最適です。

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

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

  • OLAP キューブの KPI データをゲージ形式で表示する
  • OLAP データソース(XML/A、SQL Server Analysis Services、Mondrian、ActivePivot)に接続する
  • 目標、ステータス、傾向の指標を使ってビジネスメトリクスを視覚化する
  • KPI の視覚化を備えた経営層向けダッシュボードを作成する
  • OLAP ゲージをオフラインキューブまたはローカル/オンラインサーバーにバインドする
  • フレーム、テーマ、レイアウトを使ってゲージの外観をカスタマイズする
  • 構造化されたレイアウトで複数のゲージを設定する
  • ディメンションと KPI 要素を使ってOLAP レポートを実装する
  • 国際対応アプリケーション向けにOLAP ゲージをローカライズする
  • 値と目標の情報を表示するツールチップを追加する

コンポーネントの概要

WPF 用の OlapGauge コントロールは、高度な KPI 視覚化機能を提供します。

主な機能
  • OLAP データバインディング: XML/A データソース、オフラインキューブ、SQL Server Analysis Services、Mondrian、ActivePivot サーバーを標準でサポート
  • KPI の視覚化: KPI 値(ポインター)、目標(マーカー)、ステータス、傾向の指標を表示
  • 視覚的なインジケーター: ステータスと傾向を示す信号機、道路標識、標準的な矢印画像
  • 複数ゲージのレイアウト: 複数のゲージを表示するためのカスタマイズ可能な行と列のレイアウト
  • フレームの種類: 外観を豊かにする、さまざまな組み込みフレームの種類(円形、半円形、全円形)
  • テーマ: Office 2010/2013、Metro、Blend、VisualStudio の各テーマをサポート
  • ツールチップ: ポインターとマーカーに対するインタラクティブなツールチップ
  • カスタマイズ: ヘッダー、ラベル、係数の表示を制御し、ゲージの半径を調整
  • ローカライズ: RTL(右から左)の表示に対応した多言語サポート
  • XAML による設定: コードビハインドなしで、デザイン時にコントロールを完全に設定可能
アーキテクチャ
OlapGauge Control
├── OlapDataManager (manages OLAP connections)
├── OlapReport (defines cube, dimensions, KPI elements)
├── Gauge Visualization (renders KPI data)
│   ├── Pointers (KPI values)
│   ├── Markers (KPI goals)
│   ├── Status Indicators (visual feedback)
│   └── Trend Indicators (directional arrows)
└── Layout (rows/columns for multiple gauges)

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

はじめに

📄 参照先: references/getting-started.md

OLAP Gauge コントロールを初めてセットアップするときは、このリファレンスを参照してください。

  • Visual Studio を通じたコントロールのインストールと追加
  • Expression Blend を通じたコントロールのインストールと追加
  • コードビハインドを通じたプログラムでのコントロールの追加
  • 必要なアセンブリ参照(Syncfusion.OlapGauge.WPF、Syncfusion.Olap.Base など)
  • 接続文字列を使った OlapDataManager のセットアップ
  • KpiElements と DimensionElements を含む基本的な OlapReport の作成
  • キューブ名の定義とディメンションの設定
  • 必要な名前空間(Syncfusion.Olap.Reports、Syncfusion.Olap.Manager、Syncfusion.Windows.Gauge.Olap)
  • 初期レンダリングとサンプル出力
データバインディング

📄 参照先: references/data-binding.md

OLAP Gauge をデータソースに接続するときは、このリファレンスを参照してください。

  • 物理パスを指定してオフラインキューブファイル(.cub)にバインドする
  • ローカルの SQL Server Analysis Services にあるキューブにバインドする
  • XML/A を介してオンラインの SQL Server にあるキューブにバインドする
  • Mondrian サーバーの OLAP キューブにバインドする
  • ActivePivot サーバーの OLAP キューブにバインドする
  • プロバイダーごとの接続文字列の形式
  • 認証と資格情報の設定
  • サーバーごとの DataProvider.ProviderName の設定
  • 接続の問題のトラブルシューティング
KPI の可視化

📄 参照: references/kpi-visualization.md

KPI の表示機能を使用する場合は、このリファレンスを参照してください。

  • KPI 要素と構造の理解
  • ポインターを使用した KPI 値の表現
  • マーカーを使用した KPI 目標の表現
  • KPI ステータスインジケーター(信号機、道路標識)
  • KPI トレンドインジケーター(方向矢印)
  • KpiElement のプロパティの設定(ShowKPIGoal、ShowKPIStatus、ShowKPIValue、ShowKPITrend)
  • 各 KPI コンポーネントの表示オプション
  • メンバーと KPI の組み合わせ表示パターン
  • パフォーマンス指標の視覚的なフィードバック
カスタマイズ

📄 参照: references/customization.md

ゲージのレイアウトや動作をカスタマイズする場合は、このリファレンスを参照してください。

  • ColumnsCount プロパティと RowsCount プロパティによるレイアウトのカスタマイズ
  • 複数のゲージの配置の制御
  • ゲージヘッダーの表示設定(ShowGaugeHeaders)
  • ゲージラベルの表示設定(ShowGaugeLabels)
  • ゲージファクターの表示設定(ShowGaugeFactors)
  • コードビハインドを使用しない XAML の完全な構成
  • DataSource.ConnectionString プロパティと DataSource.ConnectionName プロパティ
  • XAML での ReportName と CurrentCubeName の構成
  • CategoricalAxis、SeriesAxis、SlicerAxis の定義
  • XAML マークアップでのディメンション要素と KPI 要素
  • 計算メンバーの構成
外観

📄 参照: references/appearance.md

ゲージの外観をスタイル設定する場合は、このリファレンスを参照してください。

  • サイズを調整するゲージ半径の変更
  • 組み込みのフレームタイプ(CircularCenterGradient、CircularWithDarkOuterFrames、FullCircle、HalfCircle)
  • SkinStorage.VisualStyle によるテーマの適用
  • 使用可能なテーマ:Metro、Blend、Office2010Black、Office2010Blue、Office2010Silver
  • Office 2013 のテーマ:LightGray、DarkGray、White
  • VisualStudio2013 テーマ
  • XAML とコードビハインドでのテーマの設定
  • SfSkinManager.SetVisualStyle の使用方法
ツールチップとローカライズ

📄 参照: references/tooltips-localization.md

ツールチップや多言語サポートを実装する場合は、このリファレンスを参照してください。

  • ポインターツールチップの有効化(ShowPointersTooltip)
  • マーカーツールチップの有効化(ShowMarkersTooltip)
  • ツールチップの内容と書式設定
  • ローカライズの概要と翻訳プロセス
  • 適切な命名規則に従ったリソースファイル(.resx)の作成
  • ファイル名の形式:Syncfusion.OlapGauge.wpf..resx
  • 文化圏の指定に使用する CurrentUICulture の設定
  • FlowDirection プロパティによる RTL(右から左)サポート
  • アラビア語やヘブライ語などでのローカライズと RTL の組み合わせ

クイックスタートの例

KPI を使用した基本的な OLAP ゲージ
<Window x:Class="OlapGaugeApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:syncfusion="http://schemas.syncfusion.com/wpf">
    <Grid>
        <syncfusion:OlapGauge x:Name="OlapGauge1"/>
    </Grid>
</Window>
using Syncfusion.Olap.Manager;
using Syncfusion.Olap.Reports;
using System.Windows;

namespace OlapGaugeApp
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            
            // Create data manager with connection string
            var olapDataManager = new OlapDataManager(
                "Data Source=http://bi.syncfusion.com/olap/msmdpump.dll; " +
                "Initial Catalog=Adventure Works DW 2008 SE;");
            
            // Set OLAP report
            olapDataManager.SetCurrentReport(CreateOlapReport());
            
            // Bind to gauge
            this.OlapGauge1.OlapDataManager = olapDataManager;
        }

        private OlapReport CreateOlapReport()
        {
            OlapReport report = new OlapReport();
            report.CurrentCubeName = "Adventure Works";

            // Configure KPI element
            KpiElements kpiElement = new KpiElements();
            kpiElement.Elements.Add(new KpiElement 
            { 
                Name = "Revenue", 
                ShowKPIGoal = true, 
                ShowKPIStatus = true, 
                ShowKPIValue = true, 
                ShowKPITrend = true 
            });

            // Configure dimensions
            DimensionElement dimensionElement = new DimensionElement();
            dimensionElement.Name = "Date";
            dimensionElement.AddLevel("Fiscal Year", "Fiscal Year");

            // Add elements to report
            report.CategoricalElements.Add(new Item { ElementValue = kpiElement });
            report.CategoricalElements.Add(new Item { ElementValue = dimensionElement });
            
            return report;
        }
    }
}

一般的なユースケース

複数の KPI を含むエグゼクティブダッシュボード

構造化されたレイアウトで複数の KPI ゲージを表示します。

// Configure 2x2 layout for 4 KPIs
this.OlapGauge1.RowsCount = 2;
this.OlapGauge1.ColumnsCount = 2;
オフラインキューブのバインド

ローカルキューブファイルに接続します。

string connectionString = @"DataSource = C:\Cubes\Adventure_Works_Ext.cub; Provider = MSOLAP;";
OlapDataManager dataManager = new OlapDataManager(connectionString);
XAML の完全な構成

コードビハインドを使用せず、OLAP ゲージ全体を XAML で定義します。

<syncfusion:OlapGauge x:Name="olapGauge" 
                      CurrentCubeName="Adventure Works" 
                      ReportName="SalesReport"
                      olapshared:DataSource.ConnectionString="datasource=localhost; initial catalog=adventure works dw">
    <syncfusion:OlapGauge.CategoricalAxis>
        <syncfusion:Dimension Name="Date" HierarchyName="Fiscal" LevelName="Fiscal Year"/>
        <syncfusion:Kpi Name="Revenue" ShowGoal="True" ShowStatus="True" ShowValue="True"/>
    </syncfusion:OlapGauge.CategoricalAxis>
</syncfusion:OlapGauge>
ツールチップ付きのテーマ設定済みゲージ

テーマを適用し、操作可能なツールチップを有効にします。

<syncfusion:OlapGauge x:Name="OlapGauge1" 
                      ShowPointersTooltip="True" 
                      ShowMarkersTooltip="True"
                      sfshared:SkinStorage.VisualStyle="Metro"/>

主なプロパティ

コアプロパティ
プロパティ型説明
OlapDataManagerOlapDataManagerOLAP 接続とデータバインディングを管理します
RowsCountint複数のゲージをレイアウトする際の行数です
ColumnsCountint複数のゲージをレイアウトする際の列数です
CurrentCubeNamestring使用する OLAP キューブの名前です
ReportNamestringOLAP レポートの名前です
表示プロパティ
プロパティ型デフォルト説明
ShowGaugeHeadersbooltrueゲージヘッダーの表示/非表示を切り替えます
ShowGaugeLabelsbooltrueゲージラベルの表示/非表示を切り替えます
ShowGaugeFactorsbooltrueゲージファクターの表示/非表示を切り替えます
ShowPointersTooltipboolfalseポインター(値)のツールチップを有効にします
ShowMarkersTooltipboolfalseマーカー(目標)のツールチップを有効にします
外観プロパティ
プロパティ型説明
Radiusdoubleゲージの半径サイズ
FrameTypeGaugeFrameTypeフレームのスタイル(Circular、HalfCircle など)
FlowDirectionFlowDirectionレイアウトの方向(LeftToRight/RightToLeft)
XAML 構成プロパティ
プロパティ説明
DataSource.ConnectionStringOLAP 接続文字列
DataSource.ConnectionNameApp.Config の接続名
SharedDataManagerName共有データマネージャーの参照
CategoricalAxisカテゴリ軸のディメンションと KPI
SeriesAxis系列軸のディメンション
SlicerAxisスライサー軸のディメンション

関連コンポーネント

データ視覚化カテゴリ内
  • Circular Gauges - ポインターと範囲を備えた、OLAP を使用しない放射状ゲージの視覚化に使用します
  • Charts - 複数のチャートタイプを使用した詳細な OLAP データの視覚化に使用します
その他の Syncfusion WPF コンポーネント

その他の WPF コンポーネントについては、メインライブラリを参照してください。

  • Main WPF Library - Syncfusion WPF コンポーネントのドキュメント一式

アセンブリ参照

OLAP ゲージに必要なアセンブリ:

  • Syncfusion.OlapGauge.WPF
  • Syncfusion.Gauge.WPF
  • Syncfusion.Olap.Base
  • Syncfusion.OlapShared.WPF
  • Syncfusion.Core
  • Syncfusion.Shared.WPF

場所:{Drive}:\Program Files (x86)\Syncfusion\Essential Studio\{version}\precompiledassemblies\{version}\{framework}\

ライセンス

v16.2.0.x 以降では、Syncfusion ライセンスキーの登録が必要です。アプリケーションにライセンスキーを含めてください。詳細については、Syncfusion licensing documentation を参照してください。

コメント