Yuki Mita

デベロッパーサポート担当
Twitter : @ig_yuki
UltraChart 折れ線グラフの色を指定する

UltraChart ではグラフに自動的に色を切り替えて配色するようになっていますが、状況に応じて配色を変更したい状況があります。ここでは UltraChart の折れ線グラフ(合成チャート)の色を指定する方法をご紹介します。


実装方法

各折れ線グラフ(NumericSeries)の PaintElement コレクション(PEs)に、色情報を加えます。


C#

//シリーズの生成
NumericSeries lineSeries1 = this.GetSeriesABound("Series A");
// ラインの色指定
lineSeries1.PEs.Add(new PaintElement(Color.FromArgb(116, 70, 185)));
this.UltraChart1.CompositeChart.Series.Add(lineSeries1);

NumericSeries lineSeries2 = this.GetSeriesABound("Series B");
// ラインの色指定
lineSeries2.PEs.Add(new PaintElement(Color.FromArgb(159, 179, 40)));
this.UltraChart1.CompositeChart.Series.Add(lineSeries2);

NumericSeries lineSeries3 = this.GetSeriesABound("Series C");
// ラインの色指定
lineSeries3.PEs.Add(new PaintElement(Color.FromArgb(249, 98, 50)));
this.UltraChart1.CompositeChart.Series.Add(lineSeries3);

NumericSeries lineSeries4 = this.GetSeriesABound("Series D");
// ラインの色指定
lineSeries4.PEs.Add(new PaintElement(Color.FromArgb(46, 156, 166)));
this.UltraChart1.CompositeChart.Series.Add(lineSeries4);

NumericSeries lineSeries5 = this.GetSeriesABound("Series E");
// ラインの色指定
lineSeries5.PEs.Add(new PaintElement(Color.FromArgb(220, 63, 118)));
this.UltraChart1.CompositeChart.Series.Add(lineSeries5);



VB.NET

'シリーズの生成
Dim lineSeries1 As NumericSeries = Me.GetSeriesABound("Series A")
' ラインの色指定
lineSeries1.PEs.Add(New PaintElement(Color.FromArgb(116, 70, 185)))
Me.UltraChart1.CompositeChart.Series.Add(lineSeries1)

Dim lineSeries2 As NumericSeries = Me.GetSeriesABound("Series B")
' ラインの色指定
lineSeries2.PEs.Add(New PaintElement(Color.FromArgb(159, 179, 40)))
Me.UltraChart1.CompositeChart.Series.Add(lineSeries2)

Dim lineSeries3 As NumericSeries = Me.GetSeriesABound("Series C")
' ラインの色指定
lineSeries3.PEs.Add(New PaintElement(Color.FromArgb(249, 98, 50)))
Me.UltraChart1.CompositeChart.Series.Add(lineSeries3)

Dim lineSeries4 As NumericSeries = Me.GetSeriesABound("Series D")
' ラインの色指定
lineSeries4.PEs.Add(New PaintElement(Color.FromArgb(46, 156, 166)))
Me.UltraChart1.CompositeChart.Series.Add(lineSeries4)

Dim lineSeries5 As NumericSeries = Me.GetSeriesABound("Series E")
' ラインの色指定
lineSeries5.PEs.Add(New PaintElement(Color.FromArgb(220, 63, 118)))
Me.UltraChart1.CompositeChart.Series.Add(lineSeries5)


実行結果

折れ線グラフが指定した色で描画されました。

UltraChart


※ 合成チャート利用の前提となる、チャートエリアの設定、レイヤーの設定、X 軸 / Y 軸の設定などは添付サンプルをご覧ください。

 

サンプル

サンプルのダウンロード(Infragistics ASP.NET 2016.2 バージョン、C#)

サンプルのダウンロード(Infragistics ASP.NET 2016.2 バージョン、VB.NET)

(サンプルは 16.2.20162.2013 バージョンで作成されました)

Comments

No Comments

Anonymous comments are disabled