チャートコントロールの作成

チャート（FpChart）コントロールは、Visual Studioのツールボックスに、次の図のアイコンで表示されます。

ツールボックスからFpChartコントロールをドラッグすることで、フォームにチャートコントロールを追加できます。フォームに追加したチャートコントロールは、チャートデザイナ、およびコードで設定できます。以下、それぞれの方法について説明します。

チャートデザイナの使用

ツールボックスからFpChartコントロールをWebフォームにドラッグします。
FpChartコントロールのスマートタグから［デザイナ］を選択することで、チャートデザイナを起動できます。

チャートデザイナを使用したグラフの作成については、「チャートデザイナ」を参照してください。

チャートデザイナを使用しないで、コードを使用してFpChartコントロールを設定することもできます。使用するコードは、SPREADのシート上にチャートを追加する場合のコードと似ています。以下、コードを使用した設定方法です。

設定方法

系列オブジェクトを生成し、データを追加します。
YPlotAreaクラスを使用してプロットエリアを作成します。
プロットエリアの位置とサイズを設定します。
1.で作成した系列オブジェクトをプロットエリアに追加します。
タイトルを表示するラベルと凡例エリアを作成します。
チャートモデルを作成し、プロットエリア、ラベル、および凡例エリアを追加します。
FpChartコントロールのModelプロパティに、6.で作成したチャートモデルを設定します。

サンプルコード

次のサンプルコードは、FpChartコントロールを使用して棒チャートを作成します。

C#
Visual Basic

FarPoint.Web.Chart.BarSeries series = new FarPoint.Web.Chart.BarSeries();
series.SeriesName = "Series 0";
series.Values.Add(2.0);
series.Values.Add(4.0);
series.Values.Add(3.0);
series.Values.Add(5.0);
FarPoint.Web.Chart.YPlotArea plotArea = new FarPoint.Web.Chart.YPlotArea();
plotArea.Location = new System.Drawing.PointF(0.2f, 0.2f);
plotArea.Size = new System.Drawing.SizeF(0.6f, 0.6f);
plotArea.Series.Add(series);
FarPoint.Web.Chart.LabelArea label = new FarPoint.Web.Chart.LabelArea();
label.Text = "Bar Chart";
label.Location = new System.Drawing.PointF(0.5f, 0.02f);
label.AlignmentX = 0.5f;
label.AlignmentY = 0.0f;
FarPoint.Web.Chart.LegendArea legend = new FarPoint.Web.Chart.LegendArea();
legend.Location = new System.Drawing.PointF(0.98f, 0.5f);
legend.AlignmentX = 1.0f;
legend.AlignmentY = 0.5f;
FarPoint.Web.Chart.ChartModel model = new FarPoint.Web.Chart.ChartModel();
model.LabelAreas.Add(label);
model.LegendAreas.Add(legend);
model.PlotAreas.Add(plotArea);
FpChart1.Model = model;

Dim series As New FarPoint.Web.Chart.BarSeries()
series.SeriesName = "Series 0"
series.Values.Add(2.0)
series.Values.Add(4.0)
series.Values.Add(3.0)
series.Values.Add(5.0)
Dim plotArea As New FarPoint.Web.Chart.YPlotArea()
plotArea.Location = New System.Drawing.PointF(0.2f, 0.2f)
plotArea.Size = New System.Drawing.SizeF(0.6f, 0.6f)
plotArea.Series.Add(series)
Dim label As New FarPoint.Web.Chart.LabelArea()
label.Text = "Bar Chart"
label.Location = New System.Drawing.PointF(0.5f, 0.02f)
label.AlignmentX = 0.5f
label.AlignmentY = 0.0f
Dim legend As New FarPoint.Web.Chart.LegendArea()
legend.Location = New System.Drawing.PointF(0.98f, 0.5f)
legend.AlignmentX = 1.0f
legend.AlignmentY = 0.5f
Dim model As New FarPoint.Web.Chart.ChartModel()
model.LabelAreas.Add(label)
model.LegendAreas.Add(legend)
model.PlotAreas.Add(plotArea)
FpChart1.Model = model