C#--图表控件(Chart)

Chart的属性

1、Serial属性:

Series是画在ChartArea上的线、点、柱形、条形、饼图,简单点儿说就是画在上面的数据,直接说属性:
1.1、“标记”:就是数据点,某个数据值的点。如下图所示

在这里插入图片描述
点击省略号:
在这里插入图片描述
MarkerBorderColor :数据点的边框的颜色
MarkerBorderWidth : 数据点边框的宽度
MarkColor : 数据点的颜色
MakerSize :数据点的大小,默认值为0数据点不存在
MarkerStyle:数据点的样式,可以是方块、圆圈、三角、叉子
1.2、“标签”:就是现在是在数据点旁边数据值
在这里插入图片描述
IsValueShownAsLabel :数据值是否显示
SmartLabelStyle :数据值样式
SmartLabelStyle.AllowOutsidePloArea : 数据值显示是否允许在外面
1.3、 “Font”:数据标签上的字体和样式
在这里插入图片描述
Font:标签字体设置
LabelAngle:标签角度
LabelBackColor :标签背景颜色
LabelBorderColor :标签边框颜色
LabelBorderDahStyle :标签边框样式
LabelBorderWidth : 标签边框宽度
LabelForeColor:标签字体颜色
1.4、数据:其实就是就是serie的名字和值类型
在这里插入图片描述
Name:就是唯一的名字
XvalueType :X轴值类型
YValuesPerPoint:数据点的Y值数目
YValueType : Y轴值类型
1.5、图表:也就是Serie画在哪个ChartArea上,ChartType是Serie的图表类型,也就是画何种图,曲线图、直线图、点、柱状图、饼图等…
在这里插入图片描述
1.6、图表
在这里插入图片描述
测试:设置如下:
在这里插入图片描述
结果如下:
在这里插入图片描述

2、ChartAreas属性:

Chart控件里最重要的,每个Serie都画在ChartArea上。
2.1、外观:可以对ChartArea颜色、边框、位置的设置

在这里插入图片描述
BackColor :ChartArea的背景颜色
BackGradientStyle :背景颜色的渐变方式
BackHatchStyle:背景阴影
BackImage:背景图片
BackImageAlignment:图片显示位置
BackImageTransparentColor:绘制图像时显示的颜色
BackImageWrapMode :包装模式
BackSecondaryColor : ChartArea的第二背景颜色,搭配渐变用的
BorderColor:边框颜色
BorderDashStyle:边框线的样式
BorderWidth :边框宽度
ShadowColor:整个图标的背影颜色
测试:设置如下:
在这里插入图片描述
结果如下:
在这里插入图片描述
2.2、游标:CursorX和CursorY,就是横向和纵向滚动条
在这里插入图片描述
CursorX.AutoScroll :滚动条自动滚动
CursorX.AxisType:游标作用在主轴还是副轴
CursorX.Interval:游标偏移的间隔
CursorX.IntervalOffset:游标间隔偏移量
CursorX.IntervalOffsetType:游标间隔的单位,建议Auto
CursorX.Type: 游标间隔偏移量的单位,建议Auto
CursorX.IsUserEnabled :启用游标
CursorX.IsUserSelectedEnabled:启用游标选择区域
CursorX.LineColor: 游标线颜色
CursorX.LineDashStyle:游标线样式
CursorX.LineWidth:游标线的宽度
CursorX.SelectionColor:游标选择区域的颜色
2.3、轴Axes!!:非常重要,一个ChartArea有4个轴:主轴X axis、主轴Y(Value)axis、副轴X axis、副轴Y(Value)axis,每个轴属性均相同,只说一个一个轴
在这里插入图片描述
IsLabelAutoFit:轴上的标签自动调整
LabelAutoFitMaxFontSize:轴上标签自适应字体大号
LabelAutoFitMaxFontSize:轴上标签自适应字体小号
LabelStyle.Angle:标签显示角度
LabelStyle.IsEndLabelVisible:最后一个标签是否显示
测试:设置如下:
在这里插入图片描述
结果如下:
在这里插入图片描述
2.3.1、标题:
在这里插入图片描述
TextOrientation: 轴的标题方向
Title:轴的名字,X轴是时间轴,Title就是时间
数据视图:
在这里插入图片描述
2.3.2、ScaleView :数据视图,就是当前绘制展开的图!重要!
MinSizeType : 游标滚动类型
ScrollBar :滚动条
ScaleView是数据视图,也就是当前绘制出图表的一个区域,如果用鼠标选择某个区域展开显示,新展开的就又是一个ScaleView,只把它想成当前显示的视图就好理解了。
ScrollBar就是游标,之前我们说的ChartArea.CursorX或Y是也是游标,这里的ScrollBar是滚动条,仔细看两者的属性不难发现,一个是选择区域,一个是拖拽滚动条查看所有数据。
2.3.4、外观:
在这里插入图片描述
测试:设置如下:
在这里插入图片描述
结果如下:
在这里插入图片描述

  • 22
    点赞
  • 207
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
C#Chart控件是微软自带的一个图形可视化组件,可以在Web程序和窗体程序中使用。在.NET4.0之后的版本中,Chart控件已经集成在Visual Studio中,不需要手动安装。你可以在工具箱中找到"数据"控件,里面就有一个Chart控件,你可以直接拖动到窗体中使用。默认情况下,会创建一个名为chart1的实例对象。\[1\] 如果你想了解更多关于Winform控件的介绍和示例,你可以参考一些网址,比如: - https://docs.devexpress.com/WindowsForms/17530/controls-and-libraries/spreadsheet/examples/charts/how-to-show-or-hide-the-chart-legend - https://blog.csdn.net/zhouyingge1104/article/details/105504889 - https://blog.csdn.net/quanlver/article/details/83035998 - https://blog.csdn.net/qq_27825451/article/details/81305387 - https://www.cnblogs.com/arxive/p/5861960 - https://blog.csdn.net/xianfajushi/article/details/7493697 在使用Chart控件时,你可以使用一些方法来绑定数据,比如: - DataBind方法可以将数据源绑定到Chart控件的Series上,可以使用不同的参数组合来绑定不同的数据。 - DataBindXY方法可以将一组X和Y的值绑定到一个Series上。 - DataBindY方法可以将一组Y的值绑定到一个Series上。 例如,你可以使用以下代码将一组X和Y的值绑定到名为"Series1"的Series上: chart1.Series\["Series1"\].Points.DataBindXY(x, y)。\[3\] 希望这些信息对你有帮助! #### 引用[.reference_title] - *1* *3* [c# chart图表控件总结](https://blog.csdn.net/a843538946/article/details/103048471)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [C# chart控件使用方法](https://blog.csdn.net/u012719076/article/details/108192562)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

北极星小王子

你的鼓励是我创作的最大动力~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值