当前位置：首页 > article >正文

C# DevExpress ChartControl用法总结

article 2025/6/28 1:23:34

C# DevExpress ChartControl用法总结

₯近期使用C#+DevExpress制作看板时用到过的ChartControl中的相关图表，在此做个记录（未完）。

1、Bar（柱形图）

Series series1 = new Series("日期", ViewType.Bar)       //右上角Legend显示内容，此处是【日期】
{DataSource = 数据库查询结果的DataTable（.DefaultView，可省）,ArgumentDataMember = "修改时间",       //横坐标参数ArgumentScaleType =ScaleType.Qualitative,LabelsVisibility = DefaultBoolean.True,
};
series1.ValueDataMembers.AddRange("修改条数");           //纵坐标参数
series1.ValueScaleType =ScaleType.Numerical;
SideBySideBarSeriesLabel label =(SideBySideBarSeriesLabel)series1.Label;
label.Position = BarSeriesLabelPosition.Top; //数值所在Label的显示位置
chartControl1.Series.Add(series1);
((BarSeriesView)series1.View).FillStyle.FillMode= FillMode.Gradient; //省略则非渐变//修改纵/横坐标字体、标签、显隐
((XYDiagram)chartControl1.Diagram).AxisY.Title.Font= new Font("Tahoma", 9);
((XYDiagram)chartControl1.Diagram).AxisX.Title.Font= new Font("Tahoma", 9);
((XYDiagram)chartControl1.Diagram).AxisY.Title.Text= "修改条数";
((XYDiagram)chartControl1.Diagram).AxisX.Title.Text= "修改时间";
((XYDiagram)chartControl1.Diagram).AxisY.Title.Visibility= DefaultBoolean.True;
((XYDiagram)chartControl1.Diagram).AxisX.Title.Visibility= DefaultBoolean.True;

数据源结构：
在这里插入图片描述
效果图：

2、StackedBar（堆叠柱形图）

List<Series> seriesList = new List<Series>();DataTable dt = 数据源;foreach (DataRow dr in dt.DefaultView.ToTable(true,"问题类型").Rows){Series s = new Series(dr["问题类型"].ToString(), ViewType.StackedBar){LegendTextPattern = dr["问题类型"].ToString(),ArgumentScaleType = ScaleType.Qualitative,};foreach (DataRow dr1 in dt.Select("问题类型='" + dr["问题类型"].ToString() + "'"))s.Points.Add(new SeriesPoint(dr1["年月"].ToString(), int.Parse(dr1["数量"].ToString())));seriesList.Add(s);}foreach (Series sr in seriesList.ToArray())chartControl1.Series.Add(sr);((XYDiagram)chartControl1.Diagram).AxisY.Title.Text = "数量";((XYDiagram)chartControl1.Diagram).AxisX.Title.Text = "年月";((XYDiagram)chartControl1.Diagram).AxisY.Title.Visibility = DefaultBoolean.True;((XYDiagram)chartControl1.Diagram).AxisX.Title.Visibility = DefaultBoolean.True;((XYDiagram)chartControl1.Diagram).AxisY.Title.Font = new Font("Tahoma", 9);((XYDiagram)chartControl1.Diagram).AxisX.Title.Font = new Font("Tahoma", 9);((XYDiagram)chartControl1.Diagram).AxisY.Title.Alignment = StringAlignment.Far;((XYDiagram)chartControl1.Diagram).AxisX.Title.Alignment = StringAlignment.Far;

数据源结构：
在这里插入图片描述
效果图：

3、Doughnut（环形图）

List<SeriesPoint> spList = new List<SeriesPoint>();
SeriesTitle st = new SeriesTitle();
string[] ss = new string[] { "d1","d2"};
DataTable dt1 = 数据源1;
DataTable dt2 = 数据源2;
for (int i= 0;i < ss.Length; i++)
{chartControl1.Series.Add(new Series(ss[i], ViewType.Doughnut){SeriesPointsSorting = SortingMode.Ascending,SeriesPointsSortingKey = SeriesPointKey.Argument,LegendTextPattern = "{A}:{VP:P2}",});
}
foreach (Series se in chartControl1.Series)
{se.Label.TextPattern = "{A}:{VP:P2}:{V}";((DoughnutSeriesLabel)se.Label).Position = PieSeriesLabelPosition.TwoColumns;((DoughnutSeriesLabel)se.Label).ResolveOverlappingMode = ResolveOverlappingMode.Default;((DoughnutSeriesLabel)se.Label).ResolveOverlappingMinIndent = 5;((DoughnutSeriesView)se.View).TotalLabel.Visible = true;((DoughnutSeriesView)se.View).TotalLabel.TextPattern = "{TV}";switch (se.Name){case "d1":st.Text = "d1";foreach(DataRow dr1 in dt1.Rows)se.Points.Add(new SeriesPoint(dr1["主体"].ToString(), dr1["数量"]));((DoughnutSeriesView)se.View).Titles.Add(st);break;case "d2":st.Text = "d2";foreach (DataRow dr2 in dt2.Rows)se.Points.Add(new SeriesPoint(dr2["类型"].ToString(), dr2["数量"]));((DoughnutSeriesView)se.View).Titles.Add(st);break;}}chartControl1.Legend.Visibility = DefaultBoolean.False;

数据源结构：（两个环形图的数据源内容不一样，结构一样）
在这里插入图片描述
效果图：

4、Gantt（甘特图）

注：【步骤A】为其他步骤的计算基础，【步骤B】为开始步骤，【步骤A】为最终步骤。

chartControl1.DataSource= dt.DefaultView;   
for(int i = 0; i < dt.Rows.Count; i++)
{Series s= new Series(dt.Rows[i]["主体"].ToString(),ViewType.Gantt);s.ValueScaleType= ScaleType.DateTime;s.Points.Add(new SeriesPoint(dt.Columns["步骤A"].ColumnName.ToString(),new DateTime[] { DateTime.Parse(dt.Rows[i]["步骤B"].ToString()),DateTime.Parse(dt.Rows[i]["步骤A"].ToString())}));s.Points.Add(new SeriesPoint(dt.Columns["步骤B"].ColumnName.ToString(),new DateTime[] { DateTime.Parse(dt.Rows[i]["步骤B"].ToString()),DateTime.Parse(dt.Rows[i]["步骤C"].ToString())}));s.Points.Add(new SeriesPoint(dt.Columns["步骤C"].ColumnName.ToString(),new DateTime[] { DateTime.Parse(dt.Rows[i]["步骤C"].ToString()),DateTime.Parse(dt.Rows[i]["步骤D"].ToString())}));s.Points.Add(new SeriesPoint(dt.Columns["步骤D"].ColumnName.ToString(),new DateTime[] { DateTime.Parse(dt.Rows[i]["步骤D"].ToString()),DateTime.Parse(dt.Rows[i]["步骤E"].ToString())}));s.Points.Add(new SeriesPoint(dt.Columns["步骤E"].ColumnName.ToString(),new DateTime[] { DateTime.Parse(dt.Rows[i]["步骤E"].ToString()),DateTime.Parse(dt.Rows[i]["步骤A"].ToString())}));chartControl1.Series.Add(s);((GanttSeriesView)s.View).BarWidth= 0.3;
}