PaintElementType を Texture に設定した場合、 PaintElement の Fill と Texture プロパティを設定してさまざまな色のテクスチャを使用できます。
TextureApplication プロパティは、テクスチャに適用する基本色に対して、明るさを上げたり下げたりする方法に影響します。PaintElement が明るすぎるか暗すぎる場合、このプロパティの値を変えてみてください。
以下の表は、さまざまなプロパティ設定でさまざまなテクスチャの PaintElements を作成できることを示します。
以下の例は、任意のボックス(柱状グラフと棒グラフで使用されるプリミティブ形状)を使用し、ハッチ スタイルを適用する方法を示します。これでこの例を拡張して、チャートのすべてのプリミティブにハッチ スタイルを適用することができます。
Visual Basic の場合:
Imports Infragistics.UltraChart.Core.Primitives Imports Infragistics.UltraChart.Shared.Styles ... Private Sub UltraChart1_ChartDrawItem(ByVal sender As Object, _ ByVal e As Infragistics.UltraChart.Shared.Events.ChartDrawItemEventArgs) _ Handles UltraChart1.ChartDrawItem ' ColumnChart から、ボックス プリミティブを取得します。 If TypeOf e.Primitive Is Box Then Dim b As Box = Nothing b = CType(e.Primitive, Box) If Not b Is Nothing AndAlso b.Row = 0 AndAlso b.Column = 2 Then b.PE = b.PE.Clone() ' Primitives PaintElement Type を texture に設定します。 b.PE.ElementType = PaintElementType.Texture ' テクスチャの開始色を設定します。 b.PE.Fill = Color.Orchid ' texture と textureapplication を設定します。 b.PE.Texture = TexturePresets.Wood b.PE.TextureApplication = TextureApplicationStyle.Normal End If End If End Sub
C# の場合:
using Infragistics.UltraChart.Shared.Styles; using Infragistics.UltraChart.Core.Primitives; ... private void ultraChart1_ChartDrawItem(object sender, Infragistics.UltraChart.Shared.Events.ChartDrawItemEventArgs e) { // ColumnChart から、ボックス プリミティブを取得します。 if (e.Primitive is Box) { Box b = e.Primitive as Box; if(b != null && b.Row == 0 && b.Column == 2) { b.PE = b.PE.Clone(); // Primitives PaintElement Type を texture に設定します。 b.PE.ElementType = PaintElementType.Texture; // テクスチャの開始色を設定します。 b.PE.Fill = Color.Orchid; // texture と textureApplication を設定します。 b.PE.Texture = TexturePresets.Wood; b.PE.TextureApplication = TextureApplicationStyle.Normal; } } }
link:Infragistics.webui.ultrawebchart~infragistics.ultrachart.resources.appearance.paintelement~fillimage.html[FillImage] プロパティの画像を設定して、Texture プロパティを link:Infragistics.webui.ultrawebchart~infragistics.ultrachart.resources.appearance.textureeffect~customimage.html[CustomImage] に設定することによって、カスタム画像を使用してテクスチャを生成することもできます。最適なパフォーマンスを得るため、画像は小さいほどよくなります。10 KB 以下の画像が最適です。ただし、チャートが頻繁に再描画する必要がないか、アプリケーションがパワフルな CPU を搭載したサーバー上で実行している場合、大きいサイズの画像を使用できます。