统计图形种类繁多, 有柱状图, 折线图, 扇形图等等, 而统计图形的绘制方法也有很多, 有Flash制作的统计图形, 有水晶报表生成统计图形, 有专门制图软件制作, 也有编程语言自己制作的;这里我们用就C# 制作三款最经典的统计图: 柱状图, 折线图和扇形图;既然是统计, 当然需要数据, 这里演示的数据存于Sql Server2000中, 三款统计图形都是动态生成. 其中柱状图我会附上制作步骤, 其他两款统计图直接附源码.


 


说明: 需求不一样, 统计图形绘制后的显示效果也不一样, 比如这里柱状图的主要需求是为了比较每一期报名人数与通过人数的差, 因此会把两根柱子放在一起会使比较结果一目了然. 因此大家可以根据需要灵活绘制.


 


一. 柱状图的绘制.


绘制步骤如下:


1. 定义绘图用到的类.



);


 


2. 绘制图框.



, width,
height);


 


3. 绘制横向坐标线



;
}


 


4. 绘制纵向坐标线



;
}


 


5. 绘制横坐标值



;
}


 


6. 绘制纵坐标值



;
}


 


7. 定义数组存储数据库中统计的数据



存储从数据库读取的通过人数


 


8. 从数据库中读取报名人数与通过人数




DataSet();
da.Fill(ds);


 


9. 将读取的数据存储到数组中



].ToString());


 


10.定义画笔和画刷准备绘图




SolidBrush(Color.Green);


 


11. 根据数组中的值绘制柱状图


 



);


 


12. 将图形输出到页面.



;
Response.BinaryWrite(ms.ToArray());




最终柱状图的效果图:


C#   柱状图, 折线图, 扇形图


 


柱状图的完整代码:




{
g.Dispose();
image.Dispose();
}
}


 


 


二. 折线统计图的绘制


效果:


 


C#   柱状图, 折线图, 扇形图


 


 


折线图的完整代码:




{
g.Dispose();
image.Dispose();
}
}


 


 


三. 扇形统计图的绘制


效果图:


 


C#   柱状图, 折线图, 扇形图


 


完整代码:



;
objbitmap.Save(Response.OutputStream,
System.Drawing.Imaging.ImageFormat.Jpeg);
objgraphics.Dispose();
objbitmap.Dispose();

}


 

统计图形种类繁多, 有柱状图, 折线图, 扇形图等等, 而统计图形的绘制方法也有很多, 有Flash制作的统计图形, 有水晶报表生成统计图形, 有专门制图软件制作, 也有编程语言自己制作的;这里我们用就C# 制作三款最经典的统计图: 柱状图, 折线图和扇形图;既然是统计, 当然需要数据, 这里演示的数据存于Sql Server2000中, 三款统计图形都是动态生成. 其中柱状图我会附上制作步骤, 其他两款统计图直接附源码.


 


说明: 需求不一样, 统计图形绘制后的显示效果也不一样, 比如这里柱状图的主要需求是为了比较每一期报名人数与通过人数的差, 因此会把两根柱子放在一起会使比较结果一目了然. 因此大家可以根据需要灵活绘制.


 


一. 柱状图的绘制.


绘制步骤如下:


1. 定义绘图用到的类.



);


 


2. 绘制图框.



, width,
height);


 


3. 绘制横向坐标线



;
}


 


4. 绘制纵向坐标线



;
}


 


5. 绘制横坐标值



;
}


 


6. 绘制纵坐标值



;
}


 


7. 定义数组存储数据库中统计的数据



存储从数据库读取的通过人数


 


8. 从数据库中读取报名人数与通过人数




DataSet();
da.Fill(ds);


 


9. 将读取的数据存储到数组中



].ToString());


 


10.定义画笔和画刷准备绘图




SolidBrush(Color.Green);


 


11. 根据数组中的值绘制柱状图


 



);


 


12. 将图形输出到页面.



;
Response.BinaryWrite(ms.ToArray());




最终柱状图的效果图:


C#   柱状图, 折线图, 扇形图


 


柱状图的完整代码:




{
g.Dispose();
image.Dispose();
}
}


 


 


二. 折线统计图的绘制


效果:


 


C#   柱状图, 折线图, 扇形图


 


 


折线图的完整代码:




{
g.Dispose();
image.Dispose();
}
}


 


 


三. 扇形统计图的绘制


效果图:


 


C#   柱状图, 折线图, 扇形图


 


完整代码:



;
objbitmap.Save(Response.OutputStream,
System.Drawing.Imaging.ImageFormat.Jpeg);
objgraphics.Dispose();
objbitmap.Dispose();

}


 

相关文章: