Microsoft Chart Controls（简称MSChart）控件，给图形统计和报表图形显示提供了很好的解决办法，同时支持Web和WinForm两种方式。

MSChart 在.NET 4.0自带的有，.NET 3.5 需要下载相应的插件（如果用的是VS2010做开发但是选择的版本是3.5的而不是默认的4.0话，请按本文介绍的.NET 3.5 进行插件安装），

官方例子（web和winform）：http://archive.msdn.microsoft.com/mschart/Release/ProjectReleases.aspx?ReleaseId=4418

插件下载地址：http://archive.msdn.microsoft.com/mschart，把下面四个下载完成后把前三个按顺序安装

安装完成之后，在C:\Program Files\Microsoft Chart Controls\Assemblies可以获取到web和winform的DLL。对于.NET 3.5 只需要把 System.Windows.Forms.DataVisualization.dll 添加到工具箱即可获得图表控件。前台只需要从工具箱拖一个Chart控件即可，如下图所示：

本文用MSChart实现Winform曲线图的绘制，本文结合自己的实际项目，每个点需要显示到秒（这也是本文需要解决的关键点），刚开始照着网上的例子实现了一下，样子是出来了，但是当数据一多并且显示到秒时用鼠标进行拖动放大页面会直接卡死，后来经过自己的一番探索和研究，终于把这个问题给解决了，故把整个实现过程记录下来，和大家分享一下。

在文章的后面附上了源码，源码有详细的代码注释，一些需要注意的属性设置都有说明，可以实现刻度到秒的拖动放大，两条红色分别我定义是Min和Max值基准，是为了表达一个区间的概念。页面上绘制了一千个点，每个点上有相应的ToolTip提示。代码没有做拆分，只是把整个创建及设置的流程给描述下来，是为了让需要的朋友更好的理解和使用，第一次写博文，希望大家给予指正与支持，谢谢。

附上效果图：

附上后台源码：

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Linq;

using System.Text;

using System.Windows.Forms;

using System.Windows.Forms.DataVisualization.Charting;

using Hyet.Dal;

using Hxj.Model;

using Hxj.Data;

using System.Collections;

using Hyet.BLL;

namespace DigitalFactory.ReportForms

{

    public partial class ChartInfo : Form

    {

        public ChartInfo()

        {

            InitializeComponent();

            InitializeChart();

            this.myChart.GetToolTipText += new EventHandler<ToolTipEventArgs>(myChart_GetToolTipText);

        }

        private void InitializeChart()

        {

            myChart.ChartAreas.Clear();

            myChart.Series.Clear();

            #region 设置图表的属性

            //图表的背景色

            myChart.BackColor = Color.FromArgb(, , );

            //图表背景色的渐变方式

            myChart.BackGradientStyle = GradientStyle.TopBottom;

            //图表的边框颜色、

            myChart.BorderlineColor = Color.FromArgb(, , );

            //图表的边框线条样式

            myChart.BorderlineDashStyle = ChartDashStyle.Solid;

            //图表边框线条的宽度

            myChart.BorderlineWidth = ;

            //图表边框的皮肤

            myChart.BorderSkin.SkinStyle = BorderSkinStyle.Emboss;

            #endregion

            #region 设置图表的标题

            Title title = new Title();

            //标题内容

            title.Text = "曲线图";

            //标题的字体

            title.Font = new System.Drawing.Font("Microsoft Sans Serif", , FontStyle.Bold);

            //标题字体颜色

            title.ForeColor = Color.FromArgb(, , );

            //标题阴影颜色

            title.ShadowColor = Color.FromArgb(, , , );

            //标题阴影偏移量

            title.ShadowOffset = ;

            myChart.Titles.Add(title);

            #endregion

            #region 设置图例的属性

            //注意，需要把原来控件自带的图例删除掉

            this.myChart.Legends.Clear();

            Legend legend = new Legend("Default");

            legend.Alignment = StringAlignment.Center;

            legend.Docking = Docking.Bottom;

            legend.LegendStyle = LegendStyle.Column;

            this.myChart.Legends.Add(legend);

            // Add header separator of type line

            legend.HeaderSeparator = LegendSeparatorStyle.Line;

            legend.HeaderSeparatorColor = Color.Gray;

            LegendCellColumn firstColumn = new LegendCellColumn();

            firstColumn.ColumnType = LegendCellColumnType.SeriesSymbol;

            firstColumn.HeaderText = "Color";

            firstColumn.HeaderBackColor = Color.WhiteSmoke;

            myChart.Legends["Default"].CellColumns.Add(firstColumn);

            // Add Legend Text column

            LegendCellColumn secondColumn = new LegendCellColumn();

            secondColumn.ColumnType = LegendCellColumnType.Text;

            secondColumn.HeaderText = "Name";

            secondColumn.Text = "#LEGENDTEXT";

            secondColumn.HeaderBackColor = Color.WhiteSmoke;

            myChart.Legends["Default"].CellColumns.Add(secondColumn);

            // Add AVG cell column

            LegendCellColumn avgColumn = new LegendCellColumn();

            avgColumn.Text = "#AVG{N2}";

            avgColumn.HeaderText = "Avg";

            avgColumn.Name = "AvgColumn";

            avgColumn.HeaderBackColor = Color.WhiteSmoke;

            myChart.Legends["Default"].CellColumns.Add(avgColumn);

            // Add Total cell column

            LegendCellColumn totalColumn = new LegendCellColumn();

            totalColumn.Text = "#TOTAL{N1}";

            totalColumn.HeaderText = "Total";

            totalColumn.Name = "TotalColumn";

            totalColumn.HeaderBackColor = Color.WhiteSmoke;

            myChart.Legends["Default"].CellColumns.Add(totalColumn);

            // Set Min cell column attributes

            LegendCellColumn minColumn = new LegendCellColumn();

            minColumn.Text = "#MIN{N1}";

            minColumn.HeaderText = "Min";

            minColumn.Name = "MinColumn";

            minColumn.HeaderBackColor = Color.WhiteSmoke;

            myChart.Legends["Default"].CellColumns.Add(minColumn);

            // Set Max cell column attributes

            LegendCellColumn maxColumn = new LegendCellColumn();

            maxColumn.Text = "#MAX{N1}";

            maxColumn.HeaderText = "Max";

            maxColumn.Name = "MaxColumn";

            maxColumn.HeaderBackColor = Color.WhiteSmoke;

            myChart.Legends["Default"].CellColumns.Add(maxColumn);

            #endregion

            #region 设置图表区属性

            ChartArea chartArea = new ChartArea("Default");

            //设置Y轴刻度间隔大小

            chartArea.AxisY.Interval = ;

            //设置Y轴的数据类型格式

            //chartArea.AxisY.LabelStyle.Format = "C";

            //设置背景色

            chartArea.BackColor = Color.FromArgb(, , , );

            //设置背景渐变方式

            chartArea.BackGradientStyle = GradientStyle.TopBottom;

            //设置渐变和阴影的辅助背景色

            chartArea.BackSecondaryColor = Color.White;

            //设置边框颜色

            chartArea.BorderColor = Color.FromArgb(, , , );

            //设置阴影颜色

            chartArea.ShadowColor = Color.Transparent;

            //设置X轴和Y轴线条的颜色

            chartArea.AxisX.LineColor = Color.FromArgb(, , , );

            chartArea.AxisY.LineColor = Color.FromArgb(, , , );

            //设置X轴和Y轴线条的宽度

            chartArea.AxisX.LineWidth = ;

            chartArea.AxisY.LineWidth = ;

            //设置X轴和Y轴的标题

            chartArea.AxisX.Title = "时间";

            chartArea.AxisY.Title = "数值";

            //设置图表区网格横纵线条的颜色

            chartArea.AxisX.MajorGrid.LineColor = Color.FromArgb(, , , );

            chartArea.AxisY.MajorGrid.LineColor = Color.FromArgb(, , , );

            //设置图表区网格横纵线条的宽度

            chartArea.AxisX.MajorGrid.LineWidth = ;

            chartArea.AxisY.MajorGrid.LineWidth = ;

            //设置坐标轴刻度线不延长出来

            chartArea.AxisX.MajorTickMark.Enabled = false;

            chartArea.AxisY.MajorTickMark.Enabled = false;

            //开启下面两句能够隐藏网格线条

            //chartArea.AxisX.MajorGrid.Enabled = false;

            //chartArea.AxisY.MajorGrid.Enabled = false;

            //设置X轴的显示类型及显示方式

            chartArea.AxisX.Interval = ; //设置为0表示由控件自动分配

            chartArea.AxisX.IntervalAutoMode = IntervalAutoMode.VariableCount;

            chartArea.AxisX.IntervalType = DateTimeIntervalType.Minutes;

            chartArea.AxisX.LabelStyle.IsStaggered = true;

            //chartArea.AxisX.MajorGrid.IntervalType = DateTimeIntervalType.Minutes;

            //chartArea.AxisX.LabelStyle.IntervalType = DateTimeIntervalType.Minutes;

            chartArea.AxisX.LabelStyle.Format = "yyyy-MM-dd HH:mm:ss";

            //设置文本角度

            //chartArea.AxisX.LabelStyle.Angle = 45;

            //设置文本自适应

            chartArea.AxisX.IsLabelAutoFit = true;

            //设置X轴允许拖动放大

            chartArea.CursorX.IsUserEnabled = true;

            chartArea.CursorX.IsUserSelectionEnabled = true;

            chartArea.CursorX.Interval = ;

            chartArea.CursorX.IntervalOffset = ;

            chartArea.CursorX.IntervalType = DateTimeIntervalType.Minutes;

            chartArea.AxisX.ScaleView.Zoomable = true;

            chartArea.AxisX.ScrollBar.IsPositionedInside = false;

            //设置中短线（还没看到效果）

            //chartArea.AxisY.ScaleBreakStyle.Enabled = true;

            //chartArea.AxisY.ScaleBreakStyle.CollapsibleSpaceThreshold = 47;

            //chartArea.AxisY.ScaleBreakStyle.BreakLineStyle = BreakLineStyle.Wave;

            //chartArea.AxisY.ScaleBreakStyle.Spacing = 2;

            //chartArea.AxisY.ScaleBreakStyle.LineColor = Color.Red;

            //chartArea.AxisY.ScaleBreakStyle.LineWidth = 10;

            myChart.ChartAreas.Add(chartArea);

            #endregion

            //线条2：主要曲线

            Series series = new Series("Default");

            //设置线条类型

            series.ChartType = SeriesChartType.Line;

            //线条宽度

            series.BorderWidth = ;

            //阴影宽度

            series.ShadowOffset = ;

            //是否显示在图例集合Legends

            series.IsVisibleInLegend = true;

            //线条上数据点上是否有数据显示

            series.IsValueShownAsLabel = true;

            //线条颜色

            series.Color = Color.MediumPurple;

            //设置曲线X轴的显示类型

            series.XValueType = ChartValueType.DateTime;

            //设置数据点的类型

            series.MarkerStyle = MarkerStyle.Circle;

            //线条数据点的大小

            series.MarkerSize = ;

            myChart.Series.Add(series);

            //手动构造横坐标数据

            DataTable dataTable = new DataTable();

            dataTable.Columns.Add("TheTime",typeof(DateTime)); //注意typeof

            dataTable.Columns.Add("TheValue", typeof(double)); //注意typeof

            Random random = new Random(); //随机数

            DateTime dateTime = System.DateTime.Now;

            for (int n = ; n < ; n++)

            {

                dateTime = dateTime.AddSeconds();

                DataRow dr = dataTable.NewRow();

                dr["TheTime"] = dateTime;

                dr["TheValue"] = random.Next(, );

                dataTable.Rows.Add(dr);

            }

            for (int n = ; n < ; n++)

            {

                dateTime = dateTime.AddSeconds();

                DataRow dr = dataTable.NewRow();

                dr["TheTime"] = dateTime;

                dr["TheValue"] = random.Next(, );

                dataTable.Rows.Add(dr);

            }

            //线条1：下限横线

            Series seriesMin = new Series("Min");

            seriesMin.ChartType = SeriesChartType.Line;

            seriesMin.BorderWidth = ;

            seriesMin.ShadowOffset = ;

            seriesMin.IsVisibleInLegend = true;

            seriesMin.IsValueShownAsLabel = false;

            seriesMin.Color = Color.Red;

            seriesMin.XValueType = ChartValueType.DateTime;

            seriesMin.MarkerStyle = MarkerStyle.None;

            myChart.Series.Add(seriesMin);

            //线条3：上限横线

            Series seriesMax = new Series("Max");

            seriesMax.ChartType = SeriesChartType.Line;

            seriesMax.BorderWidth = ;

            seriesMax.ShadowOffset = ;

            seriesMax.IsVisibleInLegend = true;

            seriesMax.IsValueShownAsLabel = false;

            seriesMax.Color = Color.Red;

            seriesMax.XValueType = ChartValueType.DateTime;

            seriesMax.MarkerStyle = MarkerStyle.None;

            myChart.Series.Add(seriesMax);

            //设置X轴的最小值为第一个点的X坐标值

            chartArea.AxisX.Minimum = Convert.ToDateTime(dataTable.Rows[]["TheTime"]).ToOADate();

            //开始画线

            foreach (DataRow dr in dataTable.Rows)

            {

                series.Points.AddXY(dr["TheTime"], dr["TheValue"]);

                seriesMin.Points.AddXY(dr["TheTime"], ); //设置下线为15

                seriesMax.Points.AddXY(dr["TheTime"], ); //设置上限为30

            }

        }

        private void myChart_GetToolTipText(object sender, ToolTipEventArgs e)

        {

            if (e.HitTestResult.ChartElementType == ChartElementType.DataPoint)

            {

                int i = e.HitTestResult.PointIndex;

                DataPoint dp = e.HitTestResult.Series.Points[i];

                e.Text = string.Format("时间:{0}，数值:{1:F1} ", DateTime.FromOADate(dp.XValue), dp.YValues[]);

            }

        }

    }

}

(原创)用Microsoft Chart Controls（MSChart）实现曲线图，并支持拖动放大到秒的更多相关文章

  1. 用Microsoft Chart Controls（MSChart）实现曲线图，并支持拖动放大到秒

    Microsoft Chart Controls(简称MSChart)控件,给图形统计和报表图形显示提供了很好的解决办法,同时支持Web和WinForm两种方式. MSChart 在.NET 4.0自 ...

  2. [C#] 老古董的 Microsoft Chart Controls 也可以进行数据预测

    我要先声明,这篇文章介绍到的内容虽说不是不能用,但玩乐成分居多,大家看看就好,不要太认真. 1. Microsoft Chart Controls 中的 FinancialFormula 在上一篇文章 ...

  3. Chart Controls 简介与下载

    虽然博客园已有人介绍过了,还是忍不住介绍一下微软这套免费又功能强大的图表控件「Microsoft Chart Controls for Microsoft .NET Framework 3.5」.本帖 ...

  4. Microsoft.Windows.Controls.Ribbon.RibbonWindow 碰到 AvalonDock出现的诡异现象

    部分一 14年底进入目前公司时,领导准备开发一款新软件平台以取代原有平台.原平台采用C++Build开发界面(window c/s客户端) .Visual Studio(封装dll模块).过完年,领导 ...

  5. 使用.net 的Chart控件绘制曲线图

    在进行软件开发过程中我们可能会碰到需要生成图表的情况,在.NET中以前经常用GDI去绘制,虽然效果也不错,自从.NET 4.0开始,专门为绘制图表而生的Chart控件出现了,有了它,就可以轻松的绘制你 ...

  6. C#创建基本图表(Chart Controls)

    在.NET环境下微软提供了强大了图表控件,并给多了很多实例,关于图表的基本元素如下: 并且MSDN给出了创建图表的示例步骤,原文地址:http://msdn.microsoft.com/en-us/l ...

  7. 【原创】C++链表如何像Python List一样支持多种数据类型

    用过Python的码友都知道,Python中List支持多种数据类型,如下面代码所示链表li内的数据类型可以是整数,同时也可以是字符串,当然也可以是其他数据类型. 1: >>> li ...

  8. MSChart 控件

    微软发布了.NET 3.5框架下的图表控件,功能很强劲,基本上能想到的图表都可以使用它绘制出来,给图形统计和报表图形显示提供了很好的解决办法,同时支持Web和WinForm两种方式,不过缺点也比较明显 ...

  9. .net chart(图表)控件的使用-System.Windows.Forms.DataVisualization.dll

    这个案例指在介绍微软这套免费又功能强大的图表控件Microsoft Chart Controls for Microsoft .NET Framework 3.5,通过它,可让您的项目及报表,轻松套用 ...

随机推荐

  1. Python常用的一些内建函数和math模块函数

    一:Python内建函数 # abs取绝对值 num = -10 print(abs(num)) # max 求最大值 print(max(6, 9, 2, 12, 8)) # min求最小值 pri ...

  2. MyBatis 学习记录7 一个Bug引发的思考

    主题 这次学习MyBatis的主题我想记录一个使用起来可能会遇到,但是没有经验的话很不好解决的BUG,在特定情况下很容易发生. 异常 java.lang.IllegalArgumentExceptio ...

  3. 用Eclipse进行远程Debug代码

    在新的公司,由于项目很大,在本机运行会很慢,所以都是在本地开发,在远程虚拟机上运行.这样就让我痛苦了,我怎么在本地Eclipse上进行debug调试呢,但是在公司前辈的指导下让我知道了本地Eclips ...

  4. 【原】Coursera—Andrew Ng机器学习—Week 9 习题—异常检测

    [1]异常检测 [2]高斯分布 [3]高斯分布 [4] 异常检测 [5]特征选择 [6] [7]多变量高斯分布 Answer: ACD B 错误.需要矩阵Σ可逆,则要求m>n  测验1 Answ ...

  5. linux查看电脑硬件配置

    1. 查看CPU cat /proc/cpuinfo 2. 查看内存 free -m 3. 查看硬盘分区 fdisk -l 4. 查看网卡信息或者ip地址 ifconfig 5. 查看详细的网卡工作模 ...

  6. Linux实战教学笔记33：lvs+keepalived集群架构服务

    一,LVS功能详解 1.1 LVS(Linux Virtual Server)介绍 LVS是Linux Virtual Server 的简写(也叫做IPVS),意即Linux虚拟服务器,是一个虚拟的服 ...

  7. ATM取款机的数据库模拟开发和实战总结

    一.ATM实战开发的简介. 学习了几天的Oracle,开始着手用数据库PL/SQL语言做一个简单的ATM取款机业务,主要是为了巩固数据库的知识,并非真正的去实现高端的业务.有兴趣的可以看看,希望对同胞 ...

  8. activeMQ集群搭建及高可用

    三台服务器搭建如下的集群,达到了高可用.也同时达到了负载的目的: /****************************************************************** ...

  9. HTTPS加密那点事--轻松秒懂HTTPS非对称加密

    本文转载自微信公众号(苦逼的码农),原文地址: https://mp.weixin.qq.com/s/j-ss95ItMnWsZHLpUGBMkQ 用漫画的形式解释技术问题是不是有眼前一亮的感觉呢?以 ...

  10. RTX二次开发笔记1

    在客户端,一个rtx用户给另一个rtx用户发送消息! 我的解决方案:在rtx服务端部署一个 wcf服务 或 webservice 服务,然后程序在客户端调用服务就行. 1,C#版 (服务端需要4个DL ...