用 C# 绘制曲线图(Curve图,增加自动适应和多曲线绘制)

来源:互联网 发布:淘宝卖家星级 编辑:程序博客网 时间:2024/06/11 11:26
来自:http://www.cnblogs.com/kenblove/archive/2008/09/28/1301564.html

用 C# 绘制曲线图(Curve图,增加自动适应和多曲线绘制)

在N久之前,我发过一个绘制曲线的文章 先发个绘制曲线图的:用ASP.NET with C# 绘制曲线图(Curve图) 里面介绍了简单的绘制曲线图的方法.近来重新翻阅了这篇文章.心情大好之下又重新修改了一下绘制方法,增加自动适应数据的处理和可以根据传入的数据绘制多条曲线

照例先上图:



比以前Cool吧?呵呵,其实就是根据数据自动计算边距和字体等.


/// <summary>        /// 自动根据参数调整图像大小        /// </summary>        public void Fit()        {            //计算字体距离            intFontSpace = FontSize + 5;            //计算图像边距            float fltSpace = Math.Min(Width / 6, Height / 6);            XSpace = fltSpace;            YSpace = fltSpace;            //计算X轴刻度宽度            XSlice = (Width - 2 * XSpace) / (Keys.Length - 1);            //计算Y轴刻度宽度和Y轴刻度开始值            float fltMinValue = 0;            float fltMaxValue = 0;            for (int i = 0; i < Values.Length; i++)            {                if (Values[i] < fltMinValue)                {                    fltMinValue = Values[i];                }                else if (Values[i] > fltMaxValue)                {                    fltMaxValue = Values[i];                }            }            if (YSliceBegin > fltMinValue)            {                YSliceBegin = fltMinValue;            }            int intYSliceCount = (int)(fltMaxValue / YSliceValue);            if (fltMaxValue % YSliceValue != 0)            {                intYSliceCount++;            }            YSlice = (Height - 2 * YSpace) / intYSliceCount;        }

看我把数据缩小一个级别的效果:



因为代码里面充斥了大量注释,也不敲太多文字了..完整代码奉上:

using System;using System.Collections.Generic;using System.Text;using System.Drawing;using System.Data;using System.Drawing.Drawing2D;namespace SarchPMS.Business.Draw{    public class DrawingCurve : DrawingChart    {        /// <summary>        /// 画曲线图        /// </summary>        /// <param name="dsParameter"></param>        /// <returns></returns>        public override Bitmap DrawImage(DataSet dsParameter)        {            Curve2D cuv2D = new Curve2D();            cuv2D.Fit();            return cuv2D.CreateImage();        }    }    public class Curve2D    {        private Graphics objGraphics; //Graphics 类提供将对象绘制到显示设备的方法        private Bitmap objBitmap; //位图对象        private float fltWidth = 480; //图像宽度        private float fltHeight = 248; //图像高度        private float fltXSlice = 50; //X轴刻度宽度        private float fltYSlice = 50; //Y轴刻度宽度        private float fltYSliceValue = 20; //Y轴刻度的数值宽度        private float fltYSliceBegin = 0; //Y轴刻度开始值        private float fltTension = 0.5f;        private string strTitle = "曲线图"; //标题        private string strXAxisText = "月份"; //X轴说明文字        private string strYAxisText = "万元"; //Y轴说明文字        private string[] strsKeys = new string[] { "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" }; //键        private float[] fltsValues = new float[] { 20.0f, 30.0f, 50.0f, 55.4f, 21.6f, 12.8f, 99.5f, 36.4f, 78.2f, 56.4f, 45.8f, 66.5f, 99.5f, 36.4f, 78.2f, 56.4f, 45.8f, 66.5f, 20.0f, 30.0f, 50.0f, 55.4f, 21.6f, 12.8f }; //值        private Color clrBgColor = Color.Snow; //背景色        private Color clrTextColor = Color.Black; //文字颜色        private Color clrBorderColor = Color.Black; //整体边框颜色        private Color clrAxisColor = Color.Black; //轴线颜色        private Color clrAxisTextColor = Color.Black; //轴说明文字颜色        private Color clrSliceTextColor = Color.Black; //刻度文字颜色        private Color clrSliceColor = Color.Black; //刻度颜色        private Color[] clrsCurveColors = new Color[] { Color.Red, Color.Blue }; //曲线颜色        private float fltXSpace = 100f; //图像左右距离边缘距离        private float fltYSpace = 100f; //图像上下距离边缘距离        private int intFontSize = 9; //字体大小号数        private float fltXRotateAngle = 30f; //X轴文字旋转角度        private float fltYRotateAngle = 0f; //Y轴文字旋转角度        private int intCurveSize = 2; //曲线线条大小        private int intFontSpace = 0; //intFontSpace 是字体大小和距离调整出来的一个比较适合的数字        #region 公共属性        /// <summary>        /// 图像的宽度        /// </summary>        public float Width        {            set            {                if (value < 100)                {                    fltWidth = 100;                }                else                {                    fltWidth = value;                }            }            get            {                if (fltWidth <= 100)                {                    return 100;                }                else                {                    return fltWidth;                }            }        }        /// <summary>        /// 图像的高度        /// </summary>        public float Height        {            set            {                if (value < 100)                {                    fltHeight = 100;                }                else                {                    fltHeight = value;                }            }            get            {                if (fltHeight <= 100)                {                    return 100;                }                else                {                    return fltHeight;                }            }        }        /// <summary>        /// X轴刻度宽度        /// </summary>        public float XSlice        {            set { fltXSlice = value; }            get { return fltXSlice; }        }        /// <summary>        /// Y轴刻度宽度        /// </summary>        public float YSlice        {            set { fltYSlice = value; }            get { return fltYSlice; }        }        /// <summary>        /// Y轴刻度的数值宽度        /// </summary>        public float YSliceValue        {            set { fltYSliceValue = value; }            get { return fltYSliceValue; }        }        /// <summary>        /// Y轴刻度开始值        /// </summary>        public float YSliceBegin        {            set { fltYSliceBegin = value; }            get { return fltYSliceBegin; }        }        /// <summary>        /// 张力系数        /// </summary>        public float Tension        {            set            {                if (value < 0.0f && value > 1.0f)                {                    fltTension = 0.5f;                }                else                {                    fltTension = value;                }            }            get            {                return fltTension;            }        }        /// <summary>        /// 标题        /// </summary>        public string Title        {            set { strTitle = value; }            get { return strTitle; }        }        /// <summary>        /// 键,X轴数据        /// </summary>        public string[] Keys        {            set { strsKeys = value; }            get { return strsKeys; }        }        /// <summary>        /// 值,Y轴数据        /// </summary>        public float[] Values        {            set { fltsValues = value; }            get { return fltsValues; }        }        /// <summary>        /// 背景色        /// </summary>        public Color BgColor        {            set { clrBgColor = value; }            get { return clrBgColor; }        }        /// <summary>        /// 文字颜色        /// </summary>        public Color TextColor        {            set { clrTextColor = value; }            get { return clrTextColor; }        }        /// <summary>        /// 整体边框颜色        /// </summary>        public Color BorderColor        {            set { clrBorderColor = value; }            get { return clrBorderColor; }        }        /// <summary>        /// 轴线颜色        /// </summary>        public Color AxisColor        {            set { clrAxisColor = value; }            get { return clrAxisColor; }        }        /// <summary>        /// X轴说明文字        /// </summary>        public string XAxisText        {            set { strXAxisText = value; }            get { return strXAxisText; }        }        /// <summary>        /// Y轴说明文字        /// </summary>        public string YAxisText        {            set { strYAxisText = value; }            get { return strYAxisText; }        }        /// <summary>        /// 轴说明文字颜色        /// </summary>        public Color AxisTextColor        {            set { clrAxisTextColor = value; }            get { return clrAxisTextColor; }        }        /// <summary>        /// 刻度文字颜色        /// </summary>        public Color SliceTextColor        {            set { clrSliceTextColor = value; }            get { return clrSliceTextColor; }        }        /// <summary>        /// 刻度颜色        /// </summary>        public Color SliceColor        {            set { clrSliceColor = value; }            get { return clrSliceColor; }        }        /// <summary>        /// 曲线颜色        /// </summary>        public Color[] CurveColors        {            set { clrsCurveColors = value; }            get { return clrsCurveColors; }        }        /// <summary>        /// X轴文字旋转角度        /// </summary>        public float XRotateAngle        {            get { return fltXRotateAngle; }            set { fltXRotateAngle = value; }        }        /// <summary>        /// Y轴文字旋转角度        /// </summary>        public float YRotateAngle        {            get { return fltYRotateAngle; }            set { fltYRotateAngle = value; }        }        /// <summary>        /// 图像左右距离边缘距离        /// </summary>        public float XSpace        {            get { return fltXSpace; }            set { fltXSpace = value; }        }        /// <summary>        /// 图像上下距离边缘距离        /// </summary>        public float YSpace        {            get { return fltYSpace; }            set { fltYSpace = value; }        }        /// <summary>        /// 字体大小号数        /// </summary>        public int FontSize        {            get { return intFontSize; }            set { intFontSize = value; }        }        /// <summary>        /// 曲线线条大小        /// </summary>        public int CurveSize        {            get { return intCurveSize; }            set { intCurveSize = value; }        }        #endregion        /// <summary>        /// 自动根据参数调整图像大小        /// </summary>        public void Fit()        {            //计算字体距离            intFontSpace = FontSize + 5;            //计算图像边距            float fltSpace = Math.Min(Width / 6, Height / 6);            XSpace = fltSpace;            YSpace = fltSpace;            //计算X轴刻度宽度            XSlice = (Width - 2 * XSpace) / (Keys.Length - 1);            //计算Y轴刻度宽度和Y轴刻度开始值            float fltMinValue = 0;            float fltMaxValue = 0;            for (int i = 0; i < Values.Length; i++)            {                if (Values[i] < fltMinValue)                {                    fltMinValue = Values[i];                }                else if (Values[i] > fltMaxValue)                {                    fltMaxValue = Values[i];                }            }            if (YSliceBegin > fltMinValue)            {                YSliceBegin = fltMinValue;            }            int intYSliceCount = (int)(fltMaxValue / YSliceValue);            if (fltMaxValue % YSliceValue != 0)            {                intYSliceCount++;            }            YSlice = (Height - 2 * YSpace) / intYSliceCount;        }        /// <summary>        /// 生成图像并返回bmp图像对象        /// </summary>        /// <returns></returns>        public Bitmap CreateImage()        {            InitializeGraph();            int intKeysCount = Keys.Length;            int intValuesCount = Values.Length;            if (intValuesCount % intKeysCount == 0)            {                int intCurvesCount = intValuesCount / intKeysCount;                for (int i = 0; i < intCurvesCount; i++)                {                    float[] fltCurrentValues = new float[intKeysCount];                    for (int j = 0; j < intKeysCount; j++)                    {                        fltCurrentValues[j] = Values[i * intKeysCount + j];                    }                    DrawContent(ref objGraphics, fltCurrentValues, clrsCurveColors[i]);                }            }            else            {                objGraphics.DrawString("发生错误,Values的长度必须是Keys的整数倍!", new Font("宋体", FontSize + 5), new SolidBrush(TextColor), new Point((int)XSpace, (int)(Height / 2)));            }            return objBitmap;        }        /// <summary>        /// 初始化和填充图像区域,画出边框,初始标题        /// </summary>        private void InitializeGraph()        {            //根据给定的高度和宽度创建一个位图图像            objBitmap = new Bitmap((int)Width, (int)Height);            //从指定的 objBitmap 对象创建 objGraphics 对象 (即在objBitmap对象中画图)            objGraphics = Graphics.FromImage(objBitmap);            //根据给定颜色(LightGray)填充图像的矩形区域 (背景)            objGraphics.DrawRectangle(new Pen(BorderColor, 1), 0, 0, Width - 1, Height - 1); //画边框            objGraphics.FillRectangle(new SolidBrush(BgColor), 1, 1, Width - 2, Height - 2); //填充边框            //画X轴,注意图像的原始X轴和Y轴计算是以左上角为原点,向右和向下计算的            float fltX1 = XSpace;            float fltY1 = Height - YSpace;            float fltX2 = Width - XSpace + XSlice / 2;            float fltY2 = fltY1;            objGraphics.DrawLine(new Pen(new SolidBrush(AxisColor), 1), fltX1, fltY1, fltX2, fltY2);            //画Y轴            fltX1 = XSpace;            fltY1 = Height - YSpace;            fltX2 = XSpace;            fltY2 = YSpace - YSlice / 2;            objGraphics.DrawLine(new Pen(new SolidBrush(AxisColor), 1), fltX1, fltY1, fltX2, fltY2);            //初始化轴线说明文字            SetAxisText(ref objGraphics);            //初始化X轴上的刻度和文字            SetXAxis(ref objGraphics);            //初始化Y轴上的刻度和文字            SetYAxis(ref objGraphics);            //初始化标题            CreateTitle(ref objGraphics);        }        /// <summary>        /// 初始化轴线说明文字        /// </summary>        /// <param name="objGraphics"></param>        private void SetAxisText(ref Graphics objGraphics)        {            float fltX = Width - XSpace + XSlice / 2 - (XAxisText.Length - 1) * intFontSpace;            float fltY = Height - YSpace - intFontSpace;            objGraphics.DrawString(XAxisText, new Font("宋体", FontSize), new SolidBrush(AxisTextColor), fltX, fltY);            fltX = XSpace + 5;            fltY = YSpace - YSlice / 2 - intFontSpace;            for (int i = 0; i < YAxisText.Length; i++)            {                objGraphics.DrawString(YAxisText[i].ToString(), new Font("宋体", FontSize), new SolidBrush(AxisTextColor), fltX, fltY);                fltY += intFontSpace; //字体上下距离            }        }        /// <summary>        /// 初始化X轴上的刻度和文字        /// </summary>        /// <param name="objGraphics"></param>        private void SetXAxis(ref Graphics objGraphics)        {            float fltX1 = XSpace;            float fltY1 = Height - YSpace;            float fltX2 = XSpace;            float fltY2 = Height - YSpace;            int iCount = 0;            int iSliceCount = 1;            float Scale = 0;            float iWidth = ((Width - 2 * XSpace) / XSlice) * 50; //将要画刻度的长度分段,并乘以50,以10为单位画刻度线。            float fltSliceHeight = XSlice / 10; //刻度线的高度            objGraphics.TranslateTransform(fltX1, fltY1); //平移图像(原点)            objGraphics.RotateTransform(XRotateAngle, MatrixOrder.Prepend); //旋转图像            objGraphics.DrawString(Keys[0].ToString(), new Font("宋体", FontSize), new SolidBrush(SliceTextColor), 0, 0);            objGraphics.ResetTransform(); //重置图像            for (int i = 0; i <= iWidth; i += 10) //以10为单位            {                Scale = i * XSlice / 50;//即(i / 10) * (XSlice / 5),将每个刻度分五部分画,但因为i以10为单位,得除以10                if (iCount == 5)                {                    objGraphics.DrawLine(new Pen(new SolidBrush(AxisColor)), fltX1 + Scale, fltY1 + fltSliceHeight * 1.5f, fltX2 + Scale, fltY2 - fltSliceHeight * 1.5f);                    //画网格虚线                    Pen penDashed = new Pen(new SolidBrush(AxisColor));                    penDashed.DashStyle = DashStyle.Dash;                    objGraphics.DrawLine(penDashed, fltX1 + Scale, fltY1, fltX2 + Scale, YSpace - YSlice / 2);                    //这里显示X轴刻度                    if (iSliceCount <= Keys.Length - 1)                    {                        objGraphics.TranslateTransform(fltX1 + Scale, fltY1);                        objGraphics.RotateTransform(XRotateAngle, MatrixOrder.Prepend);                        objGraphics.DrawString(Keys[iSliceCount].ToString(), new Font("宋体", FontSize), new SolidBrush(SliceTextColor), 0, 0);                        objGraphics.ResetTransform();                    }                    else                    {                        //超过范围,不画任何刻度文字                    }                    iCount = 0;                    iSliceCount++;                    if (fltX1 + Scale > Width - XSpace)                    {                        break;                    }                }                else                {                    objGraphics.DrawLine(new Pen(new SolidBrush(SliceColor)), fltX1 + Scale, fltY1 + fltSliceHeight, fltX2 + Scale, fltY2 - fltSliceHeight);                }                iCount++;            }        }        /// <summary>        /// 初始化Y轴上的刻度和文字        /// </summary>        /// <param name="objGraphics"></param>        private void SetYAxis(ref Graphics objGraphics)        {            float fltX1 = XSpace;            float fltY1 = Height - YSpace;            float fltX2 = XSpace;            float fltY2 = Height - YSpace;            int iCount = 0;            float Scale = 0;            int iSliceCount = 1;            float iHeight = ((Height - 2 * YSpace) / YSlice) * 50; //将要画刻度的长度分段,并乘以50,以10为单位画刻度线。            float fltSliceWidth = YSlice / 10; //刻度线的宽度            string strSliceText = string.Empty;            objGraphics.TranslateTransform(XSpace - intFontSpace * YSliceBegin.ToString().Length, Height - YSpace); //平移图像(原点)            objGraphics.RotateTransform(YRotateAngle, MatrixOrder.Prepend); //旋转图像            objGraphics.DrawString(YSliceBegin.ToString(), new Font("宋体", FontSize), new SolidBrush(SliceTextColor), 0, 0);            objGraphics.ResetTransform(); //重置图像            for (int i = 0; i < iHeight; i += 10)            {                Scale = i * YSlice / 50; //即(i / 10) * (YSlice / 5),将每个刻度分五部分画,但因为i以10为单位,得除以10                if (iCount == 5)                {                    objGraphics.DrawLine(new Pen(new SolidBrush(AxisColor)), fltX1 - fltSliceWidth * 1.5f, fltY1 - Scale, fltX2 + fltSliceWidth * 1.5f, fltY2 - Scale);                    //画网格虚线                    Pen penDashed = new Pen(new SolidBrush(AxisColor));                    penDashed.DashStyle = DashStyle.Dash;                    objGraphics.DrawLine(penDashed, XSpace, fltY1 - Scale, Width - XSpace + XSlice / 2, fltY2 - Scale);                    //这里显示Y轴刻度                    strSliceText = Convert.ToString(YSliceValue * iSliceCount + YSliceBegin);                    objGraphics.TranslateTransform(XSpace - intFontSize * strSliceText.Length, fltY1 - Scale); //平移图像(原点)                    objGraphics.RotateTransform(YRotateAngle, MatrixOrder.Prepend); //旋转图像                    objGraphics.DrawString(strSliceText, new Font("宋体", FontSize), new SolidBrush(SliceTextColor), 0, 0);                    objGraphics.ResetTransform(); //重置图像                    iCount = 0;                    iSliceCount++;                }                else                {                    objGraphics.DrawLine(new Pen(new SolidBrush(SliceColor)), fltX1 - fltSliceWidth, fltY1 - Scale, fltX2 + fltSliceWidth, fltY2 - Scale);                }                iCount++;            }        }        /// <summary>        /// 画曲线        /// </summary>        /// <param name="objGraphics"></param>        private void DrawContent(ref Graphics objGraphics, float[] fltCurrentValues, Color clrCurrentColor)        {            Pen CurvePen = new Pen(clrCurrentColor, CurveSize);            PointF[] CurvePointF = new PointF[Keys.Length];            float keys = 0;            float values = 0;            for (int i = 0; i < Keys.Length; i++)            {                keys = XSlice * i + XSpace;                values = (Height - YSpace) + YSliceBegin - YSlice * (fltCurrentValues[i] / YSliceValue);                CurvePointF[i] = new PointF(keys, values);            }            objGraphics.DrawCurve(CurvePen, CurvePointF, Tension);        }        /// <summary>        /// 初始化标题        /// </summary>        /// <param name="objGraphics"></param>        private void CreateTitle(ref Graphics objGraphics)        {            objGraphics.DrawString(Title, new Font("宋体", FontSize), new SolidBrush(TextColor), new Point((int)(Width - XSpace) - intFontSize * Title.Length, (int)(YSpace - YSlice / 2 - intFontSpace)));        }    }}

虽然系统最后附上完整代码,但是上边已经贴完了.再上传代码就显得白痴了....大家Copy上边代码到自己的项目中,调用DrawImage即可看到效果.



原创粉丝点击