C# GDI绘制柱状统计图

最新推荐文章于 2016-08-21 19:17:58 发布

原创最新推荐文章于 2016-08-21 19:17:58 发布 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#c# #float #string

学习笔记专栏收录该内容

4 篇文章

订阅专栏

本文介绍了使用GDI进行简单图表绘制的过程，通过实例演示如何将数据转换为可视化的柱状图，并分享了一些绘制技巧和遇到的问题。

今天学习了下GDI绘图，感觉绘制简单的图还是蛮容易的。

绘图结果1

绘图结果

其实，坐标轴不是用GDI画的，是用Fireworks作的背景图=。=（程序运行结果慢了=。=）我懒的画坐标。。

原图：

GDI绘图那部分代码：
public float high1 = 0; public float high2 = 0; public float high3 = 0; public float high4 = 0; public float high5 = 0; public float high6 = 0; public float high7 = 0; public float high8 = 0; public float high9 = 0; public float high10 = 0; public float high11 = 0; public float high12 = 0; private Brush whiteBrush = Brushes.White; private Font 宋体 = new Font("宋体", 9); protected override void OnPaint(PaintEventArgs e) { base.OnPaint(e); Graphics dc = this.CreateGraphics(); this.Show(); //dc.DrawLine(bluePen, 110, 100, 120, 100); //4个值为(x1,y1),(x2,y2) Pen...50为高度 high1 = (Convert.ToSingle(dataGridView1.Rows[0].Cells[1].Value)/5000);//销售额转换成柱状图的高度 string textrecoerd1 = Convert.ToString(dataGridView1.Rows[0].Cells[1].Value);//获取销售额的值 Pen bluePen1 = new Pen(Color.GreenYellow, high1); dc.DrawLine(bluePen1, 60, 439 - (high1 / 2), 100, 439 - (high1 / 2)); dc.DrawString(textrecoerd1, 宋体, whiteBrush, 57, 425 -high1); string textrecoerd2 = Convert.ToString(dataGridView1.Rows[1].Cells[1].Value); high2 = (Convert.ToSingle(dataGridView1.Rows[1].Cells[1].Value) / 5000); Pen bluePen2 = new Pen(Color.RoyalBlue, high2); dc.DrawLine(bluePen2, 110, 439 - (high2 / 2), 150, 439 - (high2 / 2)); dc.DrawString(textrecoerd2, 宋体, whiteBrush, 107, 425 - high2); string textrecoerd3 = Convert.ToString(dataGridView1.Rows[2].Cells[1].Value); high3 = (Convert.ToSingle(dataGridView1.Rows[2].Cells[1].Value) / 5000); Pen bluePen3 = new Pen(Color.GreenYellow, high3); dc.DrawLine(bluePen3, 160, 439 - (high3 / 2), 200, 439 - (high3 / 2)); dc.DrawString(textrecoerd3, 宋体, whiteBrush, 157, 425 - high3); //....... }

下面的代码大同小异，省了。。

总结了下，绘制Line的时候，是按照坐标的中心，上下都绘制的，一开始以为是向上绘制，害我图错乱了。。