キャッシュフロー ダッシュボードで Windows フォーム コントロールを探索する

今月の Infragistics では、Windows フォーム コントロールを使用して財務キャッシュ フロー ダッシュボードを作成する方法を紹介しますが、典型的な不格好な Windows フォーム アプリケーションのようには見えません。

まず、Infragistics のデザイナーは、アプリケーションの外観のモックアップを作成しました。

結局のところ、完成したアプリケーションは次のようになります。

これを実装する最大の課題は、「トータルキャッシュフロー」セクションの一番上にあるグラフでした。新しい Infragistics UltraDataChart は強力なコントロールですが、ここではすぐに目的の効果を達成することはできませんでした。ご覧のとおり、トータルキャッシュフローチャートには2つの異なるY軸があり、中央のセクションは実際には一連のラベルにすぎません。これには、いくつかの創造的なコーディングが必要でした。

実際、その上部のグラフは、実際には 3 つの個別のグラフ コントロールであり、1 つとして表示されるように巧妙にスタイル設定されています。

最初のグラフは単純な折れ線グラフです。

2 つ目は、軸ラベルのみを表示し、データを表示しないグラフです。

また、3 番目のグラフには 4 つの列シリーズが含まれており、そのうち 2 つは流入と流出、さらに 2 つは予測値 (円で表示) です。

これには、3 つのグラフすべての同期スクロールを可能にするために、別の UltraScrollBar コントロールを追加する必要がありました。また、'アクティブ' アイテムのハイライトは、コントロールの Paint イベントを使用して半透明のオーバーレイと境界線を描画することで実現されました。

ダッシュボードの下部には、ユーザーの選択に応じて、StackSeries または AreaSeries を使用して流入と流出の詳細が表示されます。

そして、UltraWinGridで締めくくり、実際の数値を表示します。

ダッシュボードの左側にあるサマリー ブロックは、Infragistics UltraLabel コントロールを含む UserControls です。これらは、フォームに比例してサイズが調整されるように、UltraGridBagLayoutPanel 内に配置されます。

まず、このダッシュボードに含める必要のあるデータの量を確認すると、完成品を見るのは非常に印象的です。

次に自分だけのダッシュボードを作ってみませんか? Infragistics Ultimateの無料試用版を入手し、アプリのメイキングビデオをチェックして、このような詳細な視覚化の作成を開始できるように、自分でコードを入手してください。ハッピーコーディング!