バージョン

折れ線グラフとエリア グラフで線の外観をカスタマイズ

2006 Volume 3 リリースから開始しましたが、平面折れ線グラフとエリア グラフで各線の外観をカスタマイズできます。これによって、データはエンド ユーザーによりわかりやすくなり、より多くの情報を伝達できるようになりました。たとえば、3 つのシリーズを含む折れ線グラフで、以下のスクリーンショットで示すように、さまざまな線の太さ、スプラインのテンション、線のスタイルを使用するように各線をカスタマイズできます。

Chart Customize the Appearance of Lines in Line and Area Charts 01.png

以下のサンプル コードでは、さまざまな LineAppearance properties を使用して、各線（シリーズ）の外観を独特にする方法を示します。線の外観の概要と各プロパティの説明は、 「線の外観」を参照してください。

Visual Basic の場合：

Imports Infragistics.UltraChart.Resources.Appearance
Imports Infragistics.UltraChart.Shared.Styles
...
' LineAppearances オブジェクトを作成し、LineChart.LineAppearances コレクションに追加します。
Dim lineApp1 As New LineAppearance()
lineApp1.LineStyle.EndStyle = LineCapStyle.ArrowAnchor
lineApp1.SplineTension = 0.5
lineApp1.Thickness = 5
Me.ultraChart1.LineChart.LineAppearances.Add(lineApp1)
Dim lineApp2 As New LineAppearance()
lineApp2.LineStyle.DrawStyle = LineDrawStyle.Dot
lineApp2.Thickness = 3
lineApp2.IconAppearance.Icon = SymbolIcon.X
lineApp2.IconAppearance.PE.Fill = Color.Green
lineApp2.IconAppearance.PE.Stroke = Color.Green
Me.ultraChart1.LineChart.LineAppearances.Add(lineApp2)
Dim lineApp3 As New LineAppearance()
lineApp3.LineStyle.DrawStyle = LineDrawStyle.Dash
lineApp3.LineStyle.EndStyle = LineCapStyle.ArrowAnchor
lineApp3.LineStyle.MidPointAnchors = true
lineApp3.LineStyle.StartStyle = LineCapStyle.SquareAnchor
lineApp3.Thickness = 7
Me.ultraChart1.LineChart.LineAppearances.Add(lineApp3)

C# の場合：

using Infragistics.UltraChart.Resources.Appearance;
using Infragistics.UltraChart.Shared.Styles;
...
// LineAppearances オブジェクトを作成し、LineChart.LineAppearances コレクションに追加します。
LineAppearance lineApp1 = new LineAppearance();
lineApp1.LineStyle.EndStyle = LineCapStyle.ArrowAnchor;
lineApp1.SplineTension = 0.5;
lineApp1.Thickness = 5;
this.ultraChart1.LineChart.LineAppearances.Add(lineApp1);
LineAppearance lineApp2 = new LineAppearance();
lineApp2.LineStyle.DrawStyle = LineDrawStyle.Dot;
lineApp2.Thickness = 3;
lineApp2.IconAppearance.Icon = SymbolIcon.X;
lineApp2.IconAppearance.PE.Fill = Color.Green;
lineApp2.IconAppearance.PE.Stroke = Color.Green;
this.ultraChart1.LineChart.LineAppearances.Add(lineApp2);
LineAppearance lineApp3 = new LineAppearance();
lineApp3.LineStyle.DrawStyle = LineDrawStyle.Dash;
lineApp3.LineStyle.EndStyle = LineCapStyle.ArrowAnchor;
lineApp3.LineStyle.MidPointAnchors = true;
lineApp3.LineStyle.StartStyle = LineCapStyle.SquareAnchor;
lineApp3.Thickness = 7;
this.ultraChart1.LineChart.LineAppearances.Add(lineApp3);