作成日: 2023/12/14 最終更新日: 2023/12/14
文書種別
使用方法
詳細
DataColumnの型を日付型(*1)にし、データに日付(*2)を設定した場合、シリーズのBindingXプロパティにDataColumnの名前を指定する(*3)だけで、X軸ラベルに日付を表示させることができます。
このとき、X軸のFormatプロパティ(AxisX.Format、*4)に日時書式指定文字列を設定すると、X軸ラベルの表示形式を変更することが可能です。

【メモ】
DataColumnの型を、日付型ではなく文字列型(*5)に設定すると、AxisX.Formatの設定は有効になりませんので、ご注意ください。
(*1) 例:
以下に、棒グラフのX軸ラベルに"MM/dd"形式で日付を表示するサンプルを記載します。
◎サンプルコード(VB)
このとき、X軸のFormatプロパティ(AxisX.Format、*4)に日時書式指定文字列を設定すると、X軸ラベルの表示形式を変更することが可能です。
【メモ】
DataColumnの型を、日付型ではなく文字列型(*5)に設定すると、AxisX.Formatの設定は有効になりませんので、ご注意ください。
(*1) 例:
DataTable dt = new DataTable("Data");
dt.Columns.Add("X", typeof(DateTime), ); //日付型、列名は"X"
dt.Columns.Add("Y", typeof(double));
(*2) 例:dt.Rows.Add("2023/12/10", 12.3);
dt.Rows.Add(new DateTime(2023, 12, 10, 9 , 0, 0), 12.3);
(*3) 例:series1.BindingX = "X"; //日付型フィールドの名前
(*4) 例:flexChart1.AxisX.Format = "MM/dd";
(*5)例:DataTable dt = new DataTable("Data");
dt.Columns.Add("X", typeof(string)); //文字列型に設定
dt.Columns.Add("Y", typeof(double));
dt.Rows.Add("2020/09/3", 1.1);
以下に、棒グラフのX軸ラベルに"MM/dd"形式で日付を表示するサンプルを記載します。
◎サンプルコード(VB)
Imports C1.Win.Chart
Public Class Form1
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
' データの作成
Dim dt = New DataTable()
dt.Columns.Add("X", GetType(DateTime))
dt.Columns.Add("Y", GetType(Double))
dt.Rows.Add("2023/12/10", 5.3)
dt.Rows.Add("2023/12/11", 10.1)
dt.Rows.Add("2023/12/12", 14.5)
dt.Rows.Add(New DateTime(2023, 12, 13, 0, 0, 0), 8.3)
dt.Rows.Add(New DateTime(2023, 12, 14, 0, 0, 0), 3.8)
dt.AcceptChanges()
' シリーズの作成
Dim series1 As Series = New Series()
series1.DataSource = dt
series1.BindingX = "X"
series1.Binding = "Y"
' チャートの設定
FlexChart1.DataSource = dt
FlexChart1.Series.Clear()
FlexChart1.Series.Add(series1)
FlexChart1.AxisX.Format = "MM/dd"
End Sub
End Class
◎サンプルコード(C#)
using C1.Win.Chart;
namespace prj_C1FlexChart
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
private void Form1_Load(object sender, EventArgs e)
{
// データの作成
var dt = new DataTable();
dt.Columns.Add("X", typeof(DateTime));
dt.Columns.Add("Y", typeof(Double));
dt.Rows.Add("2023/12/10", 5.3);
dt.Rows.Add("2023/12/11", 10.1);
dt.Rows.Add("2023/12/12", 14.5);
dt.Rows.Add(new DateTime(2023, 12, 13, 0, 0, 0), 8.3);
dt.Rows.Add(new DateTime(2023, 12, 14, 0, 0, 0), 3.8);
dt.AcceptChanges();
// シリーズの作成
Series series1 = new Series();
series1.DataSource = dt;
series1.BindingX = "X";
series1.Binding = "Y";
// チャートの設定
flexChart1.DataSource = dt;
flexChart1.Series.Clear();
flexChart1.Series.Add(series1);
flexChart1.AxisX.Format = "MM/dd";
}
}
}