作成日: 2022/02/08 最終更新日: 2022/02/08
文書種別
使用方法
詳細
折れ線グラフを表示するには、シリーズのChartTypeを「Line」または「LineSymbols」(マーカー付き)に設定します。
線の色、線幅、線の種類(実線/点線/破線など)はそれぞれ、StyleのStrokeColor、StrokeWidth、LinePatternで指定します。
また、マーカー(シンボル)の色、形、大きさはそれぞれ、Style.FillColor、SymbolMarker、SymbolSizeで設定できます。
以下に、折れ線グラフの簡単な設定例を記載します。

◎サンプルコード(VB)
線の色、線幅、線の種類(実線/点線/破線など)はそれぞれ、StyleのStrokeColor、StrokeWidth、LinePatternで指定します。
また、マーカー(シンボル)の色、形、大きさはそれぞれ、Style.FillColor、SymbolMarker、SymbolSizeで設定できます。
以下に、折れ線グラフの簡単な設定例を記載します。

◎サンプルコード(VB)
Imports C1.Win.Chart
Public Class Form1
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
FlexChart1.Series.Clear()
' 折れ線グラフ用シリーズの作成
Dim series1 As Series = New Series()
With series1
.ChartType = C1.Chart.ChartType.LineSymbols
.DataSource = New PointF() {New PointF(1.0F, 1.0F), New PointF(2.0F, 3.0F), New PointF(3.0F, 2.0F), New PointF(4.0F, 5.0F), New PointF(5.0F, 4.0F)}
.Binding = "Y"
.BindingX = "X"
End With
' 線の色、線幅、線の種類
series1.Style.StrokeColor = Color.Blue '色
series1.Style.StrokeWidth = 0.5! '幅
series1.Style.LinePattern = C1.Chart.LinePatternEnum.DashDotDot '種類
' マーカー(シンボル)の色、形、大きさ
series1.Style.FillColor = Color.Lime '色
series1.SymbolMarker = C1.Chart.SymbolMarker.Diamond '形
series1.SymbolSize = 15 '大きさ
' チャートの設定
FlexChart1.Series.Add(series1)
End Sub
End Class
◎サンプルコード(C#)
using C1.Win.Chart;
namespace prj_FlexChart
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
private void Form1_Load(object sender, EventArgs e)
{
flexChart1.Series.Clear();
// 折れ線グラフ用シリーズの作成
Series series1 = new Series()
{
ChartType = C1.Chart.ChartType.LineSymbols,
DataSource = new PointF[] { new PointF(1f, 1f), new PointF(2f, 3f), new PointF(3f, 2f), new PointF(4f, 5f), new PointF(5f, 4f) },
Binding = "Y",
BindingX = "X"
};
// 線の色、線幅、線の種類
series1.Style.StrokeColor = Color.Blue; //色
series1.Style.StrokeWidth = 0.5f; //幅
series1.Style.LinePattern = C1.Chart.LinePatternEnum.DashDotDot; //種類
// マーカー(シンボル)の色、形、大きさ
series1.Style.FillColor = Color.Lime; //色
series1.SymbolMarker = C1.Chart.SymbolMarker.Diamond; //形
series1.SymbolSize = 15; //大きさ
// チャートの設定
flexChart1.Series.Add(series1);
}
}
}