C#曲线控件 chart数据点显示控件


5.在窗体加载中可通过如下代码定義需要显示的提示信息代码如下:

6.效果如下图2,3所示:



注:为了自定义提示信息的样式,我自己定义了一个提示框通过如下方法进行显礻

7.在form窗体上画提示框,(使用两个panel合并三个label),效果如图4所示:


8.使用chart数据点显示控件的工具提示事件如图5所示:


9.(1)初始窗体方法中隐藏自定义提礻信息,代码如下:

(2)在窗体加载方法里绑定鼠标悬停工具提示事件代码如下:

(3)悬停工具提示事件方法如下代码:

//在具体事件处理函数中給出处理方法 
/*用chart数据点显示的mousemove时间,实时跟踪鼠标最近的X轴的位置然后把cursorX设置到那个位置上,

7.当鼠标移动到不同数据标记点是的提示效果如图67所示:



}

8个月没写博客了- -一来是有不想繼续干开发的想法,二来是赖的写三来还是不想总结。所以为了继续坚持自己的开发和总结的信念总结一下C# chart数据点显示控件的一些基夲属性,由于属性太多了一时半会儿写不完,以后继续补充这里总结重要的常用的属性

为避免耽误不喜欢这种曲线图效果的亲们的时間,先看一下小DEMO效果图:


先简单说一下从图中可以看到一个chart数据点显示可以绘制多个chart数据点显示Area,每个chart数据点显示Area都可以绘制多条Serieschart数據点显示Area就是就是绘图区域,可以有多个chart数据点显示Area叠加在一起series是画在chart数据点显示Aarea上的,Series英文意思是“序列、连续”其实就是数据线,它可以是曲线、点、柱形、条形、饼图...可以注意该chart数据点显示当数据非常多的时候可以通过鼠标选择查看区域进一步拖拽横纵向滚动條来缩小曲线图查看。

代码中的chart数据点显示控件的命名是chart数据点显示Data数据源是dt,由于chart数据点显示属性太多不好一一解释,所以请仔细看截图尤其重视本例用到的属性

    Series是画在chart数据点显示Area上的线、点、柱形、条形、饼图,简单点儿说就是画在上面的数据直接说属性,

 1. “標记”:就是数据点某个数据值的点。如下图所示:

数据点的大小默认值为0数据点不存在,建议代码控制

直接控制可用不可用建议鈈可用

注意:如果要使用SmartLabelStyle的话,所有的数据点的值都会自动找位置显示出来如果某一个区域数据点较多,就会直线指示;如果不用的话数据点的值会在数据点旁边显示,不会有直线如下图所示也可以看到AllowOutsidePlotArea的区别:


3. “Font”:数据标签上的字体和样式

数据多的时候本来显示僦乱拉,这样更是画蛇添足建议透明,正常点的颜色就好


4. 数据:其实就是就是serie的名字和值类型

    默认不用设置就好主要是X轴和Y轴值类型設置的是Auto,也就是根据X轴上的值和Y轴上的值的类型自动匹配当然手动设置的话不设错就行了。

    第三假如用户需要先查看所有数据,然後取消某几条进行数据对比但是不需要重新查询数据,推荐赋值string.Empty实现如下图:

6. 图表:也就是Serie画在哪个chart数据点显示Area上,chart数据点显示Type是Serie的图表类型也就是画何种图,曲线图、直线图、点、柱状图、饼图等...

7. 图例:也就是每个Serie的名字和样式只要创建Serie就会自动产生加载在Legend里,里媔的属性可以试一下如果想调整Legend的位置,可以去Legend集合里设置比较简单,这里不多说

9. 映射区:鼠标放在数据点上出现的小提示建议用玳码控制

11. 轴:也就是X轴和Y轴,X轴有主轴和副轴Y轴也有主轴和副轴,主轴为Primary副轴为Secondary。X主轴在下方Y主轴在右方,X副轴在上方Y副轴在右方。

chart数据点显示控件里最重要的每个Serie都画在chart数据点显示Area上,chart数据点显示控件可以有多个chart数据点显示Area叠加在一起显示比如第一个chart数据点顯示Area绘制的是曲线,第二个画的柱状图或者是什么什么这也是上面说过的Serie的chart数据点显示Type,我们也可以把多个Serie画在一个chart数据点显示Area上但昰如果有一个列数据单位范围在500~10000之间的数据浮动最大,有一列数据单位范围在0.1~2.0之间有一列数据单位范围在50~100之间,那画在同一个chart数据点显礻Area上显示的话0.1到2.0的数据会变成一条直线。当只有1、2条这样的数据时可以在Serie中设置主轴和副轴,但当出现多条数据多种类型的显示,僦需要多个chart数据点显示Area来解决了由于属性太多了,捡重点属性介绍其他的属性自己试一下

水平对齐、垂直对齐、全部对齐


2. 三维:自己試试,效果很沉重不是很好

3. 外观:可以对chart数据点显示Area颜色、边框、位置的设置

    第一,InnerPlotPosition和Position一个是大的一个是内部绘制的,试一下就明白叻这里最重要的是多个chart数据点显示Area重叠在一起的时候,两个Position一定要设置相同否则就重叠不上了。

游标作用在主轴还是副轴

游标间隔偏迻量的单位建议Auto

    首先强调一下,只要想选择区域细看曲线图就一定要启用游标,游标的设置只能在叠加在最上面的chart数据点显示Area进行设置也就是chart数据点显示Area[chart数据点显示Area.Count-1],列了这么多属性看一下图更直观:

X轴和Y轴上有游标,可以拖动可以注意看有个按钮上面有个圆圈,就是向后退图中的蓝色矩形方块就是用户选择的区域,松开鼠标就会变成该区域的图形

5. 杂项:Name,没啥好说的

轴上标签自适应字体小號

间隔是固定值还是随着轴变化自己试

    ScaleView是数据视图,也就是当前绘制出图表的一个区域如果用鼠标选择某个区域展开显示,新展开的僦又是一个ScaleView只把它想成当前显示的视图就好理解了。

    ScrollBar就是游标之前我们说的chart数据点显示Area.CursorX或Y是也是游标,这里的ScrollBar是滚动条仔细看两者嘚属性不难发现,一个是选择区域一个是拖拽滚动条查看所有数据。

}

我要回帖

更多关于 chart数据点显示 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信