zoukankan      html  css  js  c++  java
  • C# 绘制统计图(柱状图, 折线图, 扇形图)

    (转自遥远的梦)

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

     

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

      

    一. 柱状图的绘制.

    绘制步骤如下:

    1. 定义绘图用到的类.

    定义绘图类

     

    2. 绘制图框.

    绘制图框
    
    

     

    3. 绘制横向坐标线

    绘制横向坐标线

     

    4. 绘制纵向坐标线

    绘制纵向坐标线

     

    5. 绘制横坐标值

    绘制横坐标值

     

    6. 绘制纵坐标值

    绘制纵坐标

     

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

    定义存储统计数据的数组
    
    

     

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

    读取数据

     

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

    将数据存储到数组中

     

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

    准备绘制柱状图

     

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

     

    绘制柱状图

     

    12. 将图形输出到页面.

    将页面输出到页中

     

    最终柱状图的效果图:

     

    柱状图的完整代码:

    绘制柱状统计图的完整代码
    
    

     

     

    二. 折线统计图的绘制

    效果:

     

     

     

     

    折线图的完整代码:

    折线图的完整代码

     

     

    三. 扇形统计图的绘制

    效果图:

     

     

    完整代码:

    扇形统计图的绘制
    
    

     

     这里的统计图直接输出到网页, 如果大家需要制作 winForm 上需要显示的统计图。可参考我之前写的:

     

  • 相关阅读:
    react入门教程 |菜鸟教程
    React 组件构造方法: ES5 (createClass) 还是 ES6 (class)?
    代码设置LinearLayout的高度
    android调用webservice发送header身份验证不成功
    GridView中item获得焦点放大缩小
    关于url从服务器上获取图片资源
    Android中删除照片操作
    android采用Ksoap2访问webservice,AndroidHttpTransport call方法异常
    创建新的Android项目,Eclipse自动创建的appcompat内容
    Windroy、Windroye、Bluestacks运行Android实现原理
  • 原文地址:https://www.cnblogs.com/ly5201314/p/1427226.html
Copyright © 2011-2022 走看看