[LineChart for ASP.NET Web Forms] コード上で折れ線やシンボルのスタイルを変更する方法 – MESCIUS ナレッジベース

作成日: 2018/04/06 最終更新日: 2018/04/06

文書種別

使用方法

詳細

下記のような設定により、折れ線やシンボルのスタイルをコード上で変更することができます。

◎サンプルコード(VB)

'シンボルの形／サイズ／色を変更
C1LineChart1.SeriesList(0).Markers.Type = MarkerType.Diamond
C1LineChart1.SeriesList(0).Markers.Visible = True
C1LineChart1.SeriesList(0).MarkerStyle.Width = 10
C1LineChart1.SeriesList(0).MarkerStyle.Fill.Color = Drawing.Color.Gold
C1LineChart1.SeriesList(0).MarkerStyle.Stroke = Drawing.Color.Green

'初期表示時の折れ線の太さ／色を変更
C1LineChart1.SeriesStyles.Add(New C1.Web.Wijmo.Controls.C1Chart.ChartStyle)
C1LineChart1.SeriesStyles(0).StrokeWidth = 2
C1LineChart1.SeriesStyles(0).Stroke = Drawing.Color.DarkBlue

'マウスホバー時の折れ線の太さ／色を変更
C1LineChart1.SeriesHoverStyles.Add(New C1.Web.Wijmo.Controls.C1Chart.ChartStyle)
C1LineChart1.SeriesHoverStyles(0).StrokeWidth = 4
C1LineChart1.SeriesHoverStyles(0).Stroke = Drawing.Color.Blue

◎サンプルコード(C#)

//シンボルの形／サイズ／色を変更
C1LineChart1.SeriesList[0].Markers.Type = MarkerType.Diamond;
C1LineChart1.SeriesList[0].Markers.Visible = true;
C1LineChart1.SeriesList[0].MarkerStyle.Width = 10;
C1LineChart1.SeriesList[0].MarkerStyle.Fill.Color = Drawing.Color.Gold;
C1LineChart1.SeriesList[0].MarkerStyle.Stroke = Drawing.Color.Green;

//初期表示時の折れ線の太さ／色を変更
C1LineChart1.SeriesStyles.Add(new C1.Web.Wijmo.Controls.C1Chart.ChartStyle());
C1LineChart1.SeriesStyles[0].StrokeWidth = 2;
C1LineChart1.SeriesStyles[0].Stroke = Drawing.Color.DarkBlue;

//マウスホバー時の折れ線の太さ／色を変更
C1LineChart1.SeriesHoverStyles.Add(new C1.Web.Wijmo.Controls.C1Chart.ChartStyle());
C1LineChart1.SeriesHoverStyles[0].StrokeWidth = 4;
C1LineChart1.SeriesHoverStyles[0].Stroke = Drawing.Color.Blue;

旧文書番号

82603