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

相关推荐
AC赳赳老秦2 天前
OpenClaw 合规公开数据采集入门:合法边界、数据源选型与反爬规避实操指南
大数据·人工智能·python·信息可视化·php·deepseek·openclaw
城事漫游Molly3 天前
科研数据可视化的5步AI工作流:从原始数据到发表级图表
人工智能·信息可视化·数据分析·prompt·ai for science·科研数据绘图·博士生必读
各类产品分享3 天前
告别平面图表:AR数据可视化如何重塑商业决策
信息可视化·ar
AC赳赳老秦5 天前
GTD 工作法落地:用 OpenClaw 搭建收集-整理-执行-复盘全流程自动化工作流
大数据·运维·人工智能·信息可视化·自动化·deepseek·openclaw
小堂子这厢有礼了5 天前
Chet.Admin 权限模型:菜单级 + 按钮级 + 行级三层防护
前端·后端·信息可视化·前端框架·.net
西木莉6 天前
什么是数据可视化?
信息可视化
城数派6 天前
2026年全国乡镇(街道)至所属区县驾车出行距离与时间数据集
信息可视化
张人玉6 天前
基于Vue 3 + ECharts / ECharts-GL / echarts-wordcloud 的数据可视化大屏——地形与产业数据可视化大屏
vue.js·信息可视化·echarts
珠海西格电力7 天前
西格电力零碳园区管理系统:核心功能全解析,赋能园区低碳智能化落地
大数据·运维·网络·人工智能·信息可视化·能源
hannuoi7 天前
2026国内展厅设计公司推荐,从技术、案例双维度筛选优质公司
信息可视化