C#(.NET Framework)を利用して、WindowsFormsのアプリケーションを作成しているものです。
Chartコントロールを用いて積み上げ棒グラフを描画したいのですが、データセットの方法が分からず困っています。
Seriesを分ければよいのかと思い、分けたら下図のような状態になってしまいました。
調査、調査・・・となっている下のラベルは
「調査、検討、実験、考察」などと分けたいです。
隣り合っている4色ずつを1つの棒にしたいです。
参考になるサイトでも構いませんので、よろしくお願いいたします。
ちなみに作業環境はwindows10、VisualStudio2017です。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2021/03/24 07:38
退会済みユーザー
2021/03/30 00:37 編集
回答2件
0
ベストアンサー
Chartコントロールを用いて積み上げ棒グラフを描画したいのですが、データセットの方法が分からず困っています。
こういうものですか?
それでよければ、ASP.NET Web Forms 用ですが以下の記事が参考になると思います。
[ASP.NET]チャート・コントロールで積み上げ棒グラフを作成するには?[3.5、C#、VB]
https://www.atmarkit.co.jp/fdotnet/dotnettips/1004aspchartstack/aspchartstack.html
上記の記事と同様なものを Windows Forms アプリで作ったサンプルコードを以下にアップしておきます。
using System; using System.Data; using System.Windows.Forms; using System.Windows.Forms.DataVisualization.Charting; using System.Data.SqlClient; using System.IO; namespace WindowsFormsApplication1 { public partial class Form9 : Form { private Chart chart; public Form9() { InitializeComponent(); this.chart = new Chart { Name = "chart1", Width = 600, DataSource = CreateDataTable().DefaultView }; this.Controls.Add(chart); Legend legend = new Legend() { DockedToChartArea = "ChartArea1", IsDockedInsideChartArea = false, Name = "Legend1" }; chart.Legends.Add(legend); Series series = new Series() { Name = "三吉", ChartType = SeriesChartType.StackedColumn, CustomProperties = "DrawingStyle=Cylinder", IsValueShownAsLabel = true, Label = "#PERCENT{P1}", Legend = "Legend1", XValueMember = "Month", YValueMembers = "三吉" }; chart.Series.Add(series); series = new Series() { Name = "春日", ChartType = SeriesChartType.StackedColumn, CustomProperties = "DrawingStyle=Cylinder", IsValueShownAsLabel = true, Label = "#PERCENT{P1}", Legend = "Legend1", XValueMember = "Month", YValueMembers = "春日" }; chart.Series.Add(series); series = new Series() { Name = "東雲", ChartType = SeriesChartType.StackedColumn, CustomProperties = "DrawingStyle=Cylinder", IsValueShownAsLabel = true, Label = "#PERCENT{P1}", Legend = "Legend1", XValueMember = "Month", YValueMembers = "東雲" }; chart.Series.Add(series); series = new Series() { Name = "府中", ChartType = SeriesChartType.StackedColumn, CustomProperties = "DrawingStyle=Cylinder", IsValueShownAsLabel = true, Label = "#PERCENT{P1}", Legend = "Legend1", XValueMember = "Month", YValueMembers = "府中" }; chart.Series.Add(series); series = new Series() { Name = "広島", ChartType = SeriesChartType.StackedColumn, CustomProperties = "DrawingStyle=Cylinder", IsValueShownAsLabel = true, Label = "#PERCENT{P1}", Legend = "Legend1", XValueMember = "Month", YValueMembers = "広島" }; chart.Series.Add(series); ChartArea chartArea = new ChartArea() { Name = "ChartArea1", AxisY = new Axis() { Title = "売上高" }, AxisX = new Axis() { Title = "売上月" } }; chart.ChartAreas.Add(chartArea); } private DataTable CreateDataTable() { string connString = @"Data Source = lpc:(local)\sqlexpress; Initial Catalog = Database; Integrated Security = True"; string selectQuery = @"SELECT Month, SUM(CASE WHEN Name = N'三吉' THEN Sales ELSE 0 END) AS 三吉, SUM(CASE WHEN Name = N'春日' THEN Sales ELSE 0 END) AS 春日, SUM(CASE WHEN Name = N'東雲' THEN Sales ELSE 0 END) AS 東雲, SUM(CASE WHEN Name = N'府中' THEN Sales ELSE 0 END) AS 府中, SUM(CASE WHEN Name = N'広島' THEN Sales ELSE 0 END) AS 広島 FROM Shop GROUP BY Month"; using (SqlConnection connection = new SqlConnection(connString)) { using (SqlCommand command = new SqlCommand(selectQuery, connection)) { SqlDataAdapter adapter = new SqlDataAdapter(command); int i = adapter.UpdateBatchSize; // デフォルトは 1 DataTable table = new DataTable(); adapter.Fill(table); return table; } } } private void button1_Click(object sender, EventArgs e) { SaveFileDialog saveFileDialog1 = new SaveFileDialog(); saveFileDialog1.Filter = "BMP形式|*.bmp|JPEG形式|*.jpeg|PNG形式|*.png"; saveFileDialog1.FilterIndex = 2; saveFileDialog1.RestoreDirectory = true; if (saveFileDialog1.ShowDialog() == DialogResult.OK) { string filename = saveFileDialog1.FileName; string ext = Path.GetExtension(filename).ToLower(); ChartImageFormat format; if (ext == ".jpeg") { format = ChartImageFormat.Jpeg; } else if (ext == ".png") { format = ChartImageFormat.Png; } else if (ext == ".bmp") { format = ChartImageFormat.Bmp; } else { throw new InvalidOperationException(); } this.chart.SaveImage(filename, format); } } } }
結果は:
【追記】
一番上の画像の Chart Sample の [C# Source] タブにあるコードも参考に下に貼っておきます。
投稿2021/03/23 03:02
編集2021/03/23 03:09退会済みユーザー
総合スコア0
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2021/03/23 05:25
退会済みユーザー
2021/03/23 05:57
0
https://nogusa.hateblo.jp/entry/20101004/1286183197
こちらの記事を参考に実装したところ、解決できました!
投稿2021/03/30 00:37
退会済みユーザー
総合スコア0
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。