C#のChartコントロールで、X軸の、範囲外のラベルを非表示にしたい。

Question

前提

C# で、Windows Forms で、System.Windows.Forms.Datavisualization.Charting.Chart を使って、
チャートを表示しています。

下記の画像は、1～12月に数値を割り当てて表示しているのですが、1年は1～12月なので、
当然、0月も13月も存在しません。

ですが、下記のイメージを見ていただくと、0と13が表示されてしまいます。
どうすれば1～12だけの表示にできるのでしょうか？

ソースコードは下記の通りです。

private void ShowChart()
{
    Chart1.Series.Clear();
    Chart1.Legends.Clear();
    Chart1.ChartAreas.Clear();

    var series = new Series();
    series.ChartType = SeriesChartType.Column;
    series.IsValueShownAsLabel = true;

    var area = new ChartArea();

    for(int i = 0; i < 12; i++)
    {
        series.Points.Add(new DataPoint(i+1, new Random().Next(1000*i,100000)));
    }

    Chart1.Series.Add(series);
    Chart1.ChartAreas.Add(area);
}

Comments

[退会済みユーザー]

Chart サンプルを持っていて、使えるようになっていますか？　持ってないと話が通じにくいので、入手して使えるようにできませんか？　入手方法・設定方法は以下の記事を見てください。

Windows Forms 用 Chart Samples
http://surferonwww.info/BlogEngine/post/2021/11/30/chart-samples-for-windows-forms-application.aspx

1 ～ 12 の範囲だけ表示するように設定できますが、そうすると、棒グラフの場合 1 月と 12 月の棒の表示が半分切れてしまいます。棒グラフに代えて折れ線グラフとかにすることはできますか？

[退会済みユーザー]

質問者さん、無言ですが、回答したのでそれに対するフィードバックを返してください。役に立った/立たなかったぐらいはすぐに返せるのでは？ 役に立たなかったならどこがダメかを書くとより期待に近い回答が出てくるかも。とにかく無言は NG です。

Answer 1

下記の画像は、1～12月に数値を割り当てて表示しているのですが、1年は1～12月なので、
当然、0月も13月も存在しません。

元データが年月なら、入れるデータもDateTimeでいいんじゃないでしょうか。

どうすれば1～12だけの表示にできるのでしょうか？

DateTimeを入れたらなぜか両端が消えて、期待通りの表示になりました。

using System;
using System.Windows.Forms;
using System.Windows.Forms.DataVisualization.Charting;

namespace Qjbz7qvudnra237
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();

            var chart = new Chart
            {
                Dock = DockStyle.Fill,
                Parent = this,
            };

            var series = new Series
            {
                ChartType = SeriesChartType.Column,
                IsValueShownAsLabel = true,
                XValueType = ChartValueType.Date,
            };

            var area = new ChartArea();
            area.AxisX.Interval = 1;
            area.AxisX.IntervalType = DateTimeIntervalType.Months;
            // [カスタム日時形式文字列 | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/standard/base-types/custom-date-and-time-format-strings?redirectedfrom=MSDN#UsingSingleSpecifiers)
            area.AxisX.LabelStyle.Format = "%M";

            for (var i = 1; i <= 12; i++)
            {
                series.Points.Add(new DataPoint(new DateTime(2021, i, 1).ToOADate(), i * 1000));
            }

            chart.Series.Add(series);
            chart.ChartAreas.Add(area);
        }
    }
}

---

いろいろ試していたらDateTimeIntervalType.Monthsだけ特別扱いされているような？挙動でした。
Days・Yearsなんかは両端が表示されます。。。なんでだろ？よーわからんｗ

Answer 2

Chart サンプルを持っている、もしくは上の質問の 2022/09/08 11:31 の私のコメントで書いたように入手して使えるようにできるという前提で回答しておきます。

下記のイメージを見ていただくと、0と13が表示されてしまいます。どうすれば1～12だけの表示にできるのでしょうか？

(1) Axis Margins

簡単なのは Axis.IsMarginVisible プロパティを false に設定することです。Chart サンプルで言うと以下のようになります。

そうすると、棒グラフの場合 1 月と 12 月の棒の表示が半分切れてしまいますが、棒グラフに代えて折れ線グラフとかにすることができればこれが簡単でよさそうです。

(2) Custom Labels

上記 (1) が NG の場合は CustomLabel の設定を考えてみてください。

例えば、質問者さんのコードに CustomLabel の設定を以下のように追加すると、

using System;
using System.Windows.Forms;
using System.Windows.Forms.DataVisualization.Charting;

namespace WindowsFormsApp1
{
    public partial class Form7 : Form
    {
        private Chart chart1;
        public Form7()
        {
            InitializeComponent();

            chart1 = new Chart
            {
                Location = new System.Drawing.Point(50, 50),
                Width = 700,
                Height = 350
            };
            Controls.Add(chart1);
        }

        private void Form7_Load(object sender, EventArgs e)
        {
            chart1.Series.Clear();
            chart1.Legends.Clear();
            chart1.ChartAreas.Clear();

            var series = new Series();
            series.ChartType = SeriesChartType.Column;
            series.IsValueShownAsLabel = true;

            var area = new ChartArea();

            for (int i = 0; i < 12; i++)
            {
                series.Points.Add(new DataPoint(i + 1, new Random().Next(1000 * i, 100000)));
            }

            // CustomLabel の設定
            CustomLabel customLabel1 = new CustomLabel();
            CustomLabel customLabel2 = new CustomLabel();
            CustomLabel customLabel3 = new CustomLabel();
            CustomLabel customLabel4 = new CustomLabel();
            CustomLabel customLabel5 = new CustomLabel();
            CustomLabel customLabel6 = new CustomLabel();
            CustomLabel customLabel7 = new CustomLabel();
            CustomLabel customLabel8 = new CustomLabel();
            CustomLabel customLabel9 = new CustomLabel();
            CustomLabel customLabel10 = new CustomLabel();
            CustomLabel customLabel11 = new CustomLabel();
            CustomLabel customLabel12 = new CustomLabel();
            customLabel1.FromPosition = 0.5;
            customLabel1.Text = "Jan";
            customLabel1.ToPosition = 1.5;
            customLabel2.FromPosition = 1.5;
            customLabel2.Text = "Feb";
            customLabel2.ToPosition = 2.5;
            customLabel3.FromPosition = 2.5;
            customLabel3.Text = "Mar";
            customLabel3.ToPosition = 3.5;
            customLabel4.FromPosition = 3.5;
            customLabel4.Text = "Apr";
            customLabel4.ToPosition = 4.5;
            customLabel5.FromPosition = 4.5;
            customLabel5.Text = "May";
            customLabel5.ToPosition = 5.5;
            customLabel6.FromPosition = 5.5;
            customLabel6.Text = "Jun";
            customLabel6.ToPosition = 6.5;
            customLabel7.FromPosition = 6.5;
            customLabel7.Text = "Jul";
            customLabel7.ToPosition = 7.5;
            customLabel8.FromPosition = 7.5;
            customLabel8.Text = "Aug";
            customLabel8.ToPosition = 8.5;
            customLabel9.FromPosition = 8.5;
            customLabel9.Text = "Sep";
            customLabel9.ToPosition = 9.5;
            customLabel10.FromPosition = 9.5;
            customLabel10.Text = "Oct";
            customLabel10.ToPosition = 10.5;
            customLabel11.FromPosition = 10.5;
            customLabel11.Text = "Nov";
            customLabel11.ToPosition = 11.5;
            customLabel12.FromPosition = 11.5;
            customLabel12.Text = "Dec";
            customLabel12.ToPosition = 12.5;
            area.AxisX.CustomLabels.Add(customLabel1);
            area.AxisX.CustomLabels.Add(customLabel2);
            area.AxisX.CustomLabels.Add(customLabel3);
            area.AxisX.CustomLabels.Add(customLabel4);
            area.AxisX.CustomLabels.Add(customLabel5);
            area.AxisX.CustomLabels.Add(customLabel6);
            area.AxisX.CustomLabels.Add(customLabel7);
            area.AxisX.CustomLabels.Add(customLabel8);
            area.AxisX.CustomLabels.Add(customLabel9);
            area.AxisX.CustomLabels.Add(customLabel10);
            area.AxisX.CustomLabels.Add(customLabel11);
            area.AxisX.CustomLabels.Add(customLabel12);
            // ここまで

            chart1.Series.Add(series);
            chart1.ChartAreas.Add(area);
        }
    }
}

結果は以下の通りとなります。