PowerTools SPREAD for ASP.NET 8.0J > 開発者の手引き > チャート > チャートの構成要素 > プロットエリア > 塗りつぶし効果 |
塗りつぶし効果は、オブジェクトの内側を塗りつぶす描画形式です。塗りつぶし効果には、単色、グラデーションの2種類があります。単色による塗りつぶし効果では、1色だけを使用します。グラデーションによる塗りつぶし効果では、2つの色と方向を指定します。チャート内で塗りつぶし効果を適用できる要素は、ラベル、凡例、壁面、ストライプ、およびチャート自身です。
有効な塗りつぶし効果の種類は以下のとおりです(Fillクラスを参照)。
各要素を塗りつぶすには、以下のクラスのFillプロパティを使用します。
プロットエリア全体を塗りつぶすには、プロットエリア壁面(Wall)のFillプロパティを設定します。 たとえば、Yプロットの壁面を塗りつぶす場合は、YPlotAreaクラスのBackWallプロパティを設定します。
以下に、塗りつぶし関連の各プロパティを使用してチャート上の各線を塗りつぶす方法を紹介します。
次のサンプルコードは、チャートの棒に塗りつぶし効果を設定します。なお、系列全体に塗りつぶし効果を設定する場合は、データ点の追加前、追加後のどちらでも塗りつぶし効果を設定できます。
FarPoint.Web.Chart.BarSeries series = new FarPoint.Web.Chart.BarSeries(); // 塗りつぶし効果を設定します。 series.BarFill = new FarPoint.Web.Chart.SolidFill(Color.Red); // データ点を追加します。 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.ChartModel model = new FarPoint.Web.Chart.ChartModel(); model.PlotAreas.Add(plotArea); FarPoint.Web.Spread.Chart.SpreadChart chart = new FarPoint.Web.Spread.Chart.SpreadChart(); chart.Model = model; FpSpread1.Sheets[0].Charts.Add(chart);
Dim series As New FarPoint.Web.Chart.BarSeries() ' 塗りつぶし効果を設定します。 series.BarFill = New FarPoint.Web.Chart.SolidFill(System.Drawing.Color.Red) ' データ点を追加します。 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 model As New FarPoint.Web.Chart.ChartModel() model.PlotAreas.Add(plotArea) Dim chart As New FarPoint.Web.Spread.Chart.SpreadChart() chart.Model = model FpSpread1.Sheets(0).Charts.Add(chart)
単一のデータ点に塗りつぶし効果を設定する場合は、データ点の追加後に塗りつぶし効果を設定する必要があります。つまり、塗りつぶし効果を設定する前に、この設定を保持するためのデータ点が存在する必要があります。次に例を示します。
FarPoint.Web.Chart.BarSeries series = new FarPoint.Web.Chart.BarSeries(); series.Values.Add(2.0); series.Values.Add(4.0); series.BarFills.Add(new FarPoint.Web.Chart.SolidFill(Color.Green));
Dim series As New FarPoint.Web.Chart.BarSeries() series.Values.Add(2.0) series.Values.Add(4.0) series.BarFills.Add(New FarPoint.Web.Chart.SolidFill(Color.Green))
線やマーカーにも、塗りつぶし効果を適用できます。 次のサンプルコードは、マーカーの塗りつぶし効果を設定します。
FarPoint.Web.Chart.PointSeries series = new FarPoint.Web.Chart.PointSeries(); series.PointFill = new FarPoint.Web.Chart.SolidFill(Color.Lime); series.PointBorder = new FarPoint.Web.Chart.SolidLine(Color.Red); series.PointMarker = new FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Triangle, 10.0f); series.Values.Add(2.0); series.Values.Add(4.0); series.Values.Add(3.0); series.Values.Add(5.0);
Dim series As New FarPoint.Web.Chart.PointSeries() series.PointFill = New FarPoint.Web.Chart.SolidFill(Color.Lime) series.PointBorder = New FarPoint.Web.Chart.SolidLine(Color.Red) series.PointMarker = New FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Triangle, 10F) series.Values.Add(2.0) series.Values.Add(4.0) series.Values.Add(3.0) series.Values.Add(5.0)