チャートコントロールを使ったグラフのデザインについて

こんにちわ
VS2010
C#でWebアプリーケーションを作っています

チャートコントロールを使いグラフを表示させているのですが、
デザインが思い通りにいきません。

C#
1 　　　　　　　　　　　　Chart chart = new Chart();
2                        chart.Series.Clear();
3
4                        chart = new Chart();
5                        chart.Width = 500;
6                        chart.Height = 500;
7
8                        Series series = new Series();
9                        series.ChartType = SeriesChartType.Line; //グラフ
10
11                        series.XValueMember = "XXmember";
12                        series.YValueMembers = "Ydate";
13
14  　                    series.Color = System.Drawing.Color.Red;
15                        series.MarkerSize = 10;
16
17                        chart.Series.Add(series);
18                        ChartArea area = new ChartArea();
19                        chart.ChartAreas.Add(area);
20                        chart.DataSource = ds;
21
22                        divChart.Controls.Add(chart);
23                        divChart.DataBind();

X軸Y軸はデータバインドさせているため動的な値になります。(ちなみにY軸は日付)
これを実行すると
X軸の値が1～9こ以内なら画像のように綺麗に表示されます。
こちらは6/15から9日間のデータをとってきたもの。

ですがX軸の値が10個以上の値になると画像のようにグラフが見切れてしまい、また適当な値でY軸が表示されてしまいます。
こちらは6/15より20日間のデータをとってきたもの。

さらにどちらもX軸の開始が0地点ではなくずれています。

実現したい事としては、
・X軸の値が10以上でもグラフを見切れさせずに表示させたい。
・X軸の開始の値を(この場合は6/15の値)をX軸の0地点から始まるようにしたい

になります。
またグラフ内の値が大きいと全部のY軸の値を表示させたらみづらくなるため今の自動的に区切られた値になっていてもいいのですが、
この区切る値?を制御することは可能なのでしょうか?

アドバイス等よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

こんにちは。

・Y軸の値が10以上でもグラフを見切れさせずに表示させたい。

X軸Y軸が混乱しているようですが、「データ数が10点を超えた時も見切れないようにしたい」ですね？
しかし、データは全て表示されているのでは？ 6月15日から20日目は7月4日です。そして、7月4日のデータは表示されているように見えます。

・Y軸の開始の値を(この場合は6/15の値)をX軸の0地点から始まるようにしたい

お望みの内容は「X軸（横軸）の原点を6月15日にしたい」ではないかと思います。Y軸（縦軸）の0～8については言及ないようですので。

その場合は、ChartAreas[]のAxisX.Minumumに6月15日を設定すれば良い筈です。
ただChartControlは機能が膨大ですし、ドキュメントが貧弱ですから、自力で書くのはたいへんと思います。フォーム・デザイナへChartControlを貼り付けて、そのプロパティ群を見てみることをお勧めします。

投稿2017/12/26 06:29

Chironian

総合スコア23274

pro-poke5

2017/12/26 06:36

回答ありがとうございます。 XYがぐちゃぐちゃになっていたので修正しました、失礼いたしました。・X軸の値が10以上でもグラフを見切れさせずに表示させたい。これですが、値自体は見切れてないのですが、グラフの右端が1つめの画像のように綺麗におさまっていない(見切れたようになっている)のをなんとかしたく思っています。・X軸の開始の値を(この場合は6/15の値)をX軸の0地点から始まるようにしたいありがとうございます。やってみます。

Chironian

2017/12/26 06:56

なるほど。目盛りの位置が嫌なのですね。設定が山ほどあってどれを設定するのがベストなのか把握していませんが、私はデザイナーで下記を設定して目盛りについて手動で設定できました。（他のプロパティでも設定できそうな気がします。） 1. ChartAreas → Axies → X axis → MajorGrid.Interval で目盛り間隔を設定 2. ChartAreas → Axies → X axis → ScaleView.Posision でX軸の開始 3. ChartAreas → Axies → X axis → ScaleView.Size で X軸の表示幅

pro-poke5

2017/12/26 08:04

ありがとうございます。色々試したのですが、X軸の表示幅だけがどうしても見切れてしまいます…。グラフのサイズを400で指定いるので400にしたりそれ以下、以上と色々試したのですがどうしてもグラフが綺麗になりません。何が原因なのでしょうか…。

Chironian

2017/12/26 08:46

ScaleView.Sizeを MajorGrid.Intervalで割り切れるように設定したら、最後の目盛りが表示されると思うのですが。例えば、ScaleView.Sizeが400なら、MajorGrid.Intervalを40などです。それでダメなら、ちょっと分かりません。 ChartControlは設定項目がとにかく多いのでそれらしいプロパティをいろいろと調整されてみて下さい。

pro-poke5

2017/12/28 00:21

ありがとうございます！うまくできました！

行動規範の内容に同意します