DevExpress でのピボットグリッド(ASPxPivotGrid)のグラフ(WebChartControl)表示設定のサンプルです。

現状の画面デザインはこのようになっています。

20191101_01

<ピボットグリッドのグラフ表示設定>

・グラフ生成(WebChartControl)を行います。
ツールボックスの「DX.15.2: Data & Analytics」から「WebChartControl」をドラッグして指示します。
※「DX.15.2」はDevExpressのバージョンです。

20191101_02

20191101_03

・ピボットグリッドと連携するために「WebChartControl」の「DataSourceID=”ASPxPivotGrid1″」を設定します。
※表示データをピボットグリッドに設定することで、グラフのHTMLはピボットグリッドの表示内容から自動作成されます。

20191101_04

【サンプルプログラム】

それでは、実行して動作確認を行います。

20191101_01

20191101_05

20191101_06

ピボットグリッド(ASPxPivotGrid)のグラフ枠は表示出来ましたけど、
グラフのサイズが小さくて値が表示されません。

次のブログでグラフのサイズ変更を行います。