DevExpress ChartControl 图表应用案例
DevExpress ChartControl 图表应用案例



C# Code:
/// <summary>
/// 显示图表
/// </summary>
/// <param name="data">数据源</param>
/// <param name="viewType">图表类型</param>
private void ShowChart(DataTable data, ViewType viewType)
{
chartControl1.Series.Clear();
chartControl2.Series.Clear();
//在图表中间显示标题
chartControl1.Legend.AlignmentHorizontal = LegendAlignmentHorizontal.Center;
chartControl2.Legend.AlignmentHorizontal = LegendAlignmentHorizontal.Center;
//十字线参数设置
this.chartControl1.CrosshairOptions.ShowArgumentLabels = true;//移动鼠标时动态显示Y轴数据标签
this.chartControl1.CrosshairOptions.ShowArgumentLine= true;//显示Y轴线
this.chartControl1.CrosshairOptions.ShowValueLabels = true;//移动鼠标时动态显示X轴数据标签
this.chartControl1.CrosshairOptions.ShowValueLine = true;//显示X轴线
Series Series1 = new Series("票数情况", viewType);
Series1.DataSource = data;//数据源
Series1.ArgumentScaleType = ScaleType.Qualitative;
Series1.LabelsVisibility = DevExpress.Utils.DefaultBoolean.True;//每个标签显示数据
Series1.ArgumentDataMember = "DocDate";// 以哪个字段进行显示
Series1.ValueScaleType = ScaleType.Numerical;//数值类型
Series1.ValueDataMembers.AddRange(new string[] { "TotalCount" });// 如:柱状图里的柱的取值字段
Series1.Visible = true;
Series Series2 = new Series("运费情况", viewType);
Series2.DataSource = data;//数据源
Series2.ArgumentScaleType = ScaleType.Qualitative;
Series2.LabelsVisibility = DevExpress.Utils.DefaultBoolean.True;//每个标签显示数据
Series2.ArgumentDataMember = "DocDate";// 以哪个字段进行显示
Series2.ValueScaleType = ScaleType.Numerical;//数值类型
Series2.ValueDataMembers.AddRange(new string[] { "TotalAmount" });// 如:柱状图里的柱的取值字段
Series2.Visible = true;
chartControl1.Series.Add(Series1);
chartControl2.Series.Add(Series2);
//隐藏表格X,Y背景线
if (chartControl1.Diagram != null && chartControl1.Diagram is XYDiagram)
{
(chartControl1.Diagram as XYDiagram).AxisX.GridLines.Visible = false;//隐藏X轴线
(chartControl1.Diagram as XYDiagram).AxisY.GridLines.Visible = false;//隐藏Y轴线
}
}
//来源:C/S框架网(www.csframework.com) QQ:1980854898
/// <summary>
/// 显示图表
/// </summary>
/// <param name="data">数据源</param>
/// <param name="viewType">图表类型</param>
private void ShowChart(DataTable data, ViewType viewType)
{
chartControl1.Series.Clear();
chartControl2.Series.Clear();
//在图表中间显示标题
chartControl1.Legend.AlignmentHorizontal = LegendAlignmentHorizontal.Center;
chartControl2.Legend.AlignmentHorizontal = LegendAlignmentHorizontal.Center;
//十字线参数设置
this.chartControl1.CrosshairOptions.ShowArgumentLabels = true;//移动鼠标时动态显示Y轴数据标签
this.chartControl1.CrosshairOptions.ShowArgumentLine= true;//显示Y轴线
this.chartControl1.CrosshairOptions.ShowValueLabels = true;//移动鼠标时动态显示X轴数据标签
this.chartControl1.CrosshairOptions.ShowValueLine = true;//显示X轴线
Series Series1 = new Series("票数情况", viewType);
Series1.DataSource = data;//数据源
Series1.ArgumentScaleType = ScaleType.Qualitative;
Series1.LabelsVisibility = DevExpress.Utils.DefaultBoolean.True;//每个标签显示数据
Series1.ArgumentDataMember = "DocDate";// 以哪个字段进行显示
Series1.ValueScaleType = ScaleType.Numerical;//数值类型
Series1.ValueDataMembers.AddRange(new string[] { "TotalCount" });// 如:柱状图里的柱的取值字段
Series1.Visible = true;
Series Series2 = new Series("运费情况", viewType);
Series2.DataSource = data;//数据源
Series2.ArgumentScaleType = ScaleType.Qualitative;
Series2.LabelsVisibility = DevExpress.Utils.DefaultBoolean.True;//每个标签显示数据
Series2.ArgumentDataMember = "DocDate";// 以哪个字段进行显示
Series2.ValueScaleType = ScaleType.Numerical;//数值类型
Series2.ValueDataMembers.AddRange(new string[] { "TotalAmount" });// 如:柱状图里的柱的取值字段
Series2.Visible = true;
chartControl1.Series.Add(Series1);
chartControl2.Series.Add(Series2);
//隐藏表格X,Y背景线
if (chartControl1.Diagram != null && chartControl1.Diagram is XYDiagram)
{
(chartControl1.Diagram as XYDiagram).AxisX.GridLines.Visible = false;//隐藏X轴线
(chartControl1.Diagram as XYDiagram).AxisY.GridLines.Visible = false;//隐藏Y轴线
}
}
//来源:C/S框架网(www.csframework.com) QQ:1980854898

参考文档:
DevExpress ChartControl动态创建按月份按姓名对比的柱状图对比图|C/S开发框架
DevExpress ChartControl 饼状图演示,显示百分比和项目名称
DevExpress ChartControl 多个Series演示
C# DevExpress.XtraCharts获取调色板系统默认颜色-C/S开发框架
使用DeepSeek生成DevExpress表格、窗体、C#模型代码并集成到开发框架|C/S开发框架
详解DevExpress.LookUpEdit控件实现自动搜索定位功能|C/S开发框架
DevExpress LookupEdit按回车键自动确认选择数据|C/S开发框架
DevExpress GridControl显示主从表数据(Master/Detail)|C/S开发框架
VS2022+.NET 部署DevExpress V23.2|C/S开发框架
DevExpress组件版本下载、安装与VS开发环境 | Winform C/S框架|C/S开发框架
CSFrameworkV6开发框架升级VS2022+.NET8+DevExpress24.1操作步骤|C/S开发框架
C/S结构快速开发框架使用的DevExpress常用组件|C/S开发框架
DevExpress XtraReport 开发指南|单表报表设计详解(C#)|C/S开发框架
DevExpress 表格显示分组小计与总计(GroupSummary)
C# DevExpress高级篇 | GridLookUpEdit组件使用|C/S开发框架
VS2022解决方案部署DevExpress组件(DevExpress Project Settings)|C/S开发框架
DevExpress ChartControl动态创建按月份按姓名对比的柱状图对比图|C/S开发框架
DevExpress ChartControl 饼状图演示,显示百分比和项目名称
DevExpress ChartControl 多个Series演示
C# DevExpress.XtraCharts获取调色板系统默认颜色-C/S开发框架
使用DeepSeek生成DevExpress表格、窗体、C#模型代码并集成到开发框架|C/S开发框架
详解DevExpress.LookUpEdit控件实现自动搜索定位功能|C/S开发框架
DevExpress LookupEdit按回车键自动确认选择数据|C/S开发框架
DevExpress GridControl显示主从表数据(Master/Detail)|C/S开发框架
VS2022+.NET 部署DevExpress V23.2|C/S开发框架
DevExpress组件版本下载、安装与VS开发环境 | Winform C/S框架|C/S开发框架
CSFrameworkV6开发框架升级VS2022+.NET8+DevExpress24.1操作步骤|C/S开发框架
C/S结构快速开发框架使用的DevExpress常用组件|C/S开发框架
DevExpress XtraReport 开发指南|单表报表设计详解(C#)|C/S开发框架
DevExpress 表格显示分组小计与总计(GroupSummary)
C# DevExpress高级篇 | GridLookUpEdit组件使用|C/S开发框架
VS2022解决方案部署DevExpress组件(DevExpress Project Settings)|C/S开发框架
其它资料:
什么是C/S结构? | C/S框架核心组成部分 | C/S框架-WebService部署图 | C/S框架-权限管理 | C/S结构系统框架 - 5.1旗舰版介绍 | C/S结构系统框架 - 功能介绍 | C/S结构系统框架 - 产品列表 | C/S结构系统框架 - 应用展示(图) | 三层体系架构详解 | C/S架构轻量级快速开发框架 | C/S框架网客户案例 | WebApi快速开发框架 | C/S框架代码生成器 | 用户授权注册软件系统 | 版本自动升级软件 | 数据库底层应用框架 | CSFramework.CMS内容管理系统 |
什么是C/S结构? | C/S框架核心组成部分 | C/S框架-WebService部署图 | C/S框架-权限管理 | C/S结构系统框架 - 5.1旗舰版介绍 | C/S结构系统框架 - 功能介绍 | C/S结构系统框架 - 产品列表 | C/S结构系统框架 - 应用展示(图) | 三层体系架构详解 | C/S架构轻量级快速开发框架 | C/S框架网客户案例 | WebApi快速开发框架 | C/S框架代码生成器 | 用户授权注册软件系统 | 版本自动升级软件 | 数据库底层应用框架 | CSFramework.CMS内容管理系统 |
在线客服
