用ASP.NET with C#绘制饼图（Pie图）

公司昨天停水，停一天了，到现在还没有。连冲凉的水也没有了，郁闷～～

今天我们来绘制个饼图，也叫Pie图。照例，有图先上图：

昨天好心忘了说明一件小事，Bar图和Pie图的颜色都是由自定义的颜色数组定义的，分配颜色函数如下：

 

            private Color GetColor(int i) //分配各Pie的颜色
            {
                try
                {
                    if( 0 < i && i < PieColor.Length )
                    {
                        return PieColor[i];
                    }
                    else if( i >= PieColor.Length )
                    {
                        int j = i % PieColor.Length;
                        return PieColor[j];
                    }
                    else
                    {
                        return Color.Green;
                    }
                }
                catch
                {
                    return Color.Green;
                }
            }

如果颜色不够，则循环取用颜色数组的数值，在我们绘制的Bar图和Pie图中，颜色数值有10个颜色，而Values数值有12个，所以会重复出现Color.Green和Color.Red两种颜色，颜色数组是可以自定义的，只要设置好足够长的颜色值，就不会出现同颜色的情况了。

和绘制Curve图和Bar图一样，绘制Pie图也需要先初始化页面，而初始化Pie图的页面基本和初始化Bart图一样，这里就不再详细说明，直接贴代码吧：

 

            //初始化和填充图像区域，画出边框，初始标题
            private void InitializeGraph()
            {
            
                //根据给定的高度和宽度创建一个位图图像
                objBitmap = new Bitmap(Width,Height);

                //从指定的 objBitmap 对象创建 objGraphics 对象 (即在objBitmap对象中画图)
                objGraphics = Graphics.FromImage(objBitmap);

                //根据给定颜色(LightGray)填充图像的矩形区域 (背景)
                objGraphics.DrawRectangle(new Pen(BorderColor,1),0,0,Width,Height);
                objGraphics.FillRectangle(new SolidBrush(BgColor),1,1,Width-2,Height-2);

                //初始化标题
                CreateTitle(ref objGraphics);
            }

            //初始化右边说明部分
            private void DrawRight(ref Graphics objGraphics)
            {
                objGraphics.DrawString(String.Format("单位：{0}",Unit),new Font("宋体",10),new SolidBrush(TextColor),Width-95,30);

                Point KeysPoint = new Point(Width-120,50);
                Point KeysTextPoint = new Point(Width-90,50);
                for(int i=0;i < Keys.Length;i++)
                {
                    objGraphics.DrawRectangle(new Pen(BorderColor,1),KeysPoint.X,KeysPoint.Y,21,11);
                    objGraphics.FillRectangle(new SolidBrush(GetColor(i)),KeysPoint.X,KeysPoint.Y,20,10);
                    objGraphics.DrawString(String.Format("{0} {1}",Keys[i],Values[i]),new Font("宋体",10),new SolidBrush(TextColor),KeysTextPoint);
                    KeysPoint.Y +=15;
                    KeysTextPoint.Y += 15;
                }
            }

 

            //初始化标题
            private void CreateTitle(ref Graphics objGraphics)
            {
                objGraphics.DrawString(Title,new Font("宋体",16),new SolidBrush(TextColor),new Point(5,5));
            }

或Pie图主要是用.NET.Framework提供的DrawPie函数，该函数可以绘制一个扇形，而整个Pie图就是由N个扇形组合成的一个圆。主要的指导思想是将所有Values值起来，然后将每个Values值和总Values值相除，再乘以360，就可以得出各个Values值对应的扇形的角度了。具体代码：

 

            private void DrawContent(ref Graphics objGraphics)
            {
                float Sum = 0;
                float StartAngle = 0;
                float SweepAngle = 0;
                float CircleHeight = 0;
                float CircleX = 0;
                float CircleY = 0;

                for(int i=0;i<Values.Length;i++)
                {
                    Sum += Values[i];
                }
                if(Width > Height)
                {
                    CircleHeight = Height - 100;
                }
                else
                {
                    CircleHeight = Width - 150;
                }
                CircleX = (Width - 150)/2 - CircleHeight/2;
                CircleY = Height - 50 - CircleHeight;
                for(int i=0;i<Values.Length;i++)
                {
                    SweepAngle = (Values[i]/Sum)*360;
                    objGraphics.DrawPie (new Pen(BorderColor,1),CircleX,CircleY,CircleHeight,CircleHeight,StartAngle,SweepAngle);
                    objGraphics.FillPie (new SolidBrush(GetColor(i)),CircleX,CircleY,CircleHeight,CircleHeight,StartAngle,SweepAngle);
                    StartAngle += SweepAngle;
                }
            }

至此，Pie图算是完成了，也具有一定的缩放能力，来看看最终效果吧：

到今天，Curve图，Bar图和Pie图我们绘制了一遍，相信经过三个例子的学习，对应绘图这个功能已经了解有点儿入门了，要绘制其他的图片，只要用好了DrawRectangle，DrawString，DrawPie等相关函数（更具体的说明看MSDN吧），绘制也不是什么难事了。我们的目标是举一反三嘛。绘图说完了，明天会上一篇关于文件上传的文章。

照例，有批评建议请留言或直接Email给我：KenBlove#gmail.com（将#换成@）

很多朋友要求提供完整源文件，现在放上完整代码例子，希望能帮到大家。最近工作忙死了，博客也暂时不能更新了。
点击下载:pie.rar