C# Winform Chart图表使用和详解

Chart控件是微软自带的一种图形可视化组件,能展示种类丰富的图表形式。如曲线图,折线图,饼状图,环形图,柱状图,曲线面积图。

实例代码链接:https://download.csdn.net/download/lvxingzhe3/89432831

Chart基本属性

  • ChartAreas:图表区属性,设置图标数据的背景,比如隐藏还是显示横纵交叉线,颜色的设置
  • Series:图表序列属性,设置数据的外观,数据类型(折线图、树状图、饼图等)
  • Legends:图表图例集合
  • Titles:图表标题集合,设置图表的标题
  • Annotations:用于存储图表批注

图表样式属性

  • 元素渐变样式: Chart1.BackGradientStyle=System.Windows.Forms.DataVisualization.Charting.GradientStyle.TopBottom;
  • 背景辅助颜色:Chart1.BackSecondaryColor = System.Drawing.Color.Yellow;
  • 图像边框颜色:Chart1.BorderlineColor = System.Drawing.Color.Yellow;
  • 边框线样式:Chart1.BorderlineDashStyle=System.Windows.Forms.DataVisualization.Charting.ChartDashStyle.Solid;
  • 图像边框宽度:Chart1.BorderlineWidth = 3;
  • 边框外观样式:Chart1.BorderSkin.SkinStyle=System.Windows.Forms.DataVisualization.Charting.BorderSkinStyle.Emboss;
  • 图表背景颜色:Chart1.BackColor = System.Drawing.Color.Yellow;

数据样式属性

  • X轴的数据源: Chart1.Series["Series1"].XValueMember = "name";
  • Y轴的数据源: Chart1.Series["Series1"].YValueMembers = "mobile";
  • 设置颜色: Chart1.Series["Series1"].Color = System.Drawing.Color.Red;
  • 图表类型:Chart1.Series["Series2"].ChartType=System.Web.UI.DataVisualization.Charting.SeriesChartType.Line;
  • 是否在Chart中显示坐标点值:Chart1.Series["Series1"].IsValueShownAsLabel = true;
  • 数据边框颜色:Chart1.Series["Series1"].BorderColor = System.Drawing.Color.Red;
  • 图表背景颜色:Chart1.BackColor = System.Drawing.Color.Red;
  • 数据颜色:Chart1.Series["Series1"].Color = System.Drawing.Color.Black;
  • 数据名称:Chart1.Series["Series1"].Name = "数据1";
  • 阴影偏移量:Chart1.Series["数据1"].ShadowOffset = 1;
  • 阴影颜色:Chart1.Series["数据1"].ShadowColor = System.Drawing.Color.PaleGreen;

图例样式

图例的实例:Legend l = new Legend();

  • l.Alignment = System.Drawing.StringAlignment.Near;//设置图表的对齐方式(中间对齐,靠近原点对齐,远离原点对齐)
  • l.BackColor = System.Drawing.Color.Black;//设置图例的背景颜色
  • l.DockedToChartArea = "ChartArea1";//设置图例要停靠在哪个区域上
  • l.Docking = System.Windows.Forms.DataVisualization.Charting.Docking.Bottom;//设置停靠在图表区域的位置(底部、顶部、左侧、右侧)
  • l.Font =new System.Drawing.Font("Trebuchet MS", 8.25F, System.Drawing.FontStyle.Bold);//设置图例的字体属性
  • l.IsTextAutoFit = true;//设置图例文本是否可以自动调节大小
  • l.LegendStyle = System.Windows.Forms.DataVisualization.Charting.LegendStyle.Column;//设置显示图例项方式(多列一行、一列多行、多列多行)
  • l.Name = "l1";//设置图例的名称
  • Chart1.Legends.Add(l.Name);

图标区样式

  • Chart1.ChartAreas["ChartArea1"].Name = "图表区域";
  • Chart1.ChartAreas["图表区域"].Position.Auto = true;//设置是否自动设置合适的图表元素
  • Chart1.ChartAreas["图表区域"].ShadowColor = System.Drawing.Color.YellowGreen;//设置图表的阴影颜色
  • Chart1.ChartAreas["图表区域"].Position.X=5.089137F;//设置图表元素左上角对应的X坐标
  • Chart1.ChartAreas["图表区域"].Position.Y = 5.895753F;//设置图表元素左上角对应的Y坐标
  • Chart1.ChartAreas["图表区域"].Position.Height = 86.76062F;//设置图表元素的高度
  • Chart1.ChartAreas["图表区域"].Position.Width = 88F;//设置图表元素的宽度

参考:

C# Winform编程(10)Chart图表控件_c# chart-CSDN博客

实例代码链接:https://download.csdn.net/download/lvxingzhe3/89432831

相关推荐
soso196841 分钟前
DataWorks快速入门
大数据·数据仓库·信息可视化
前端拾光者1 小时前
利用D3.js实现数据可视化的简单示例
开发语言·javascript·信息可视化
请你喝好果汁6411 天前
ggplot2-scale_x_continuous()
信息可视化
敲代码不忘补水1 天前
Python Matplotlib 数据可视化全面解析:选择它的七大理由与入门简介
开发语言·python·信息可视化·numpy·pandas·matplotlib
前端拾光者1 天前
前端数据可视化思路及实现案例
前端·数据库·信息可视化
德希智慧水利水务2 天前
河道水位流量一体化自动监测系统:航运安全的护航使者
网络·人工智能·算法·信息可视化
DataGear2 天前
DataGear 5.2.0 发布,数据可视化分析平台
javascript·信息可视化·数据分析·html·echarts·数据可视化
c无序2 天前
数据可视化复习1-Matplotlib简介属性和创建子图
信息可视化·matplotlib
DataGear2 天前
DataGear 企业版 1.3.0 发布,数据可视化分析平台
javascript·信息可视化·数据分析·html·echarts·数据可视化
YRr YRr2 天前
深入分析:固定参考框架在RViz中的作用与对数据可视化的影响 ros ubuntu20.04
信息可视化·数据挖掘·数据分析