作成日: 2022/04/14 最終更新日: 2022/04/14
文書種別
使用方法
詳細
X軸とY軸の目盛り間隔は、通常、使用するデータを基に自動的に設定されます。
これらを明示的に指定するには、X軸とY軸のMajorUnitプロパティを使用します。
MajorUnitの設定で軸の目盛り間隔が決まると、軸ラベルの間隔が決まり、軸の目盛りマークや該当するX軸ラベル・Y軸ラベルが描画されます。
なお、MinorUnit プロパティを使って、軸目盛り間に小目盛りマークを描画することもできます。
以下に、X軸目盛り間隔を2時間ごとに、Y軸目盛り間隔を20、小目盛り間隔を10に設定する例を記載します。

◎サンプルコード(VB)
これらを明示的に指定するには、X軸とY軸のMajorUnitプロパティを使用します。
MajorUnitの設定で軸の目盛り間隔が決まると、軸ラベルの間隔が決まり、軸の目盛りマークや該当するX軸ラベル・Y軸ラベルが描画されます。
なお、MinorUnit プロパティを使って、軸目盛り間に小目盛りマークを描画することもできます。
以下に、X軸目盛り間隔を2時間ごとに、Y軸目盛り間隔を20、小目盛り間隔を10に設定する例を記載します。

◎サンプルコード(VB)
Imports C1.Chart
Imports C1.Win.Chart
Public Class Form1
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
' データの作成
Dim dt As New DataTable("Test")
dt.Columns.Add("X", GetType(DateTime))
dt.Columns.Add("Y", GetType(Double))
Dim r As New Random()
For i As Integer = 0 To 10
dt.Rows.Add(DateTime.Today.AddHours(i), r.Next(1, 100))
Next
' X軸の設定
FlexChart1.AxisX.Format = "HH:mm"
FlexChart1.AxisX.Min = DateTime.Today.ToOADate()
FlexChart1.AxisX.Max = DateTime.Today.AddHours(10).ToOADate()
FlexChart1.AxisX.MajorGrid = True
FlexChart1.AxisX.MajorUnit = DateTime.Today.AddHours(2).ToOADate() - DateTime.Today.ToOADate()
' Y軸の設定
FlexChart1.AxisY.Min = 0
FlexChart1.AxisY.Max = 100
FlexChart1.AxisY.MajorTickMarks = TickMark.Outside
FlexChart1.AxisY.MajorGrid = True
FlexChart1.AxisY.MajorUnit = 20
FlexChart1.AxisY.MinorTickMarks = TickMark.Outside
FlexChart1.AxisY.MinorUnit = 10
' チャートの設定
Dim s1 = New Series()
s1.Binding = "Y"
FlexChart1.DataSource = dt
FlexChart1.BindingX = "X"
FlexChart1.ChartType = C1.Chart.ChartType.LineSymbols
FlexChart1.Series.Clear()
FlexChart1.Series.Add(s1)
End Sub
End Class
◎サンプルコード(C#)
using C1.Chart;
using C1.Win.Chart;
namespace prj_C1FlexChart
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
//データテーブルの設定
DataTable dt = new DataTable();
dt.Columns.Add(new DataColumn("X", typeof(DateTime)));
dt.Columns.Add(new DataColumn("Y", typeof(Double)));
Random r = new Random();
for (int i = 0; i <= 10; i++)
{
dt.Rows.Add(DateTime.Today.AddHours(i), r.Next(1, 100));
}
// X軸の設定
flexChart1.AxisX.Format = "HH:mm";
flexChart1.AxisX.Min = DateTime.Today.ToOADate();
flexChart1.AxisX.Max = DateTime.Today.AddHours(10).ToOADate();
flexChart1.AxisX.MajorGrid = true;
flexChart1.AxisX.MajorUnit = DateTime.Today.AddHours(2).ToOADate() - DateTime.Today.ToOADate();
// Y軸の設定
flexChart1.AxisY.Min = 0;
flexChart1.AxisY.Max = 100;
flexChart1.AxisY.MajorTickMarks = TickMark.Outside;
flexChart1.AxisY.MajorGrid = true;
flexChart1.AxisY.MajorUnit = 20;
flexChart1.AxisY.MinorTickMarks = TickMark.Outside;
flexChart1.AxisY.MinorUnit = 10;
// チャートの設定
var s1 = new Series();
s1.Binding = "Y";
flexChart1.DataSource = dt;
flexChart1.BindingX = "X";
flexChart1.ChartType = C1.Chart.ChartType.LineSymbols;
flexChart1.Series.Clear();
flexChart1.Series.Add(s1);
}
}
}